@charset "utf-8";

/* browser fix */
.w1270{width:1270px;}
.w1200{width:1200px;}

/* dim */
.dim{position:fixed; left:0px; top:0px;}

/* gnb */

.wrap{}
/*.container .content{width:1270px; margin:0px auto; *zoom:1;}*/
.container{min-height:500px; background:#fff;}
.container .content{position:relative; width:1200px; margin:0px auto; padding:15px 0px; *zoom:1;}
.container .content:after{display:block; clear:both; content:'';}


/*header */
.header{position:relative; background:#fff;}
.header .gnb{width:1200px; margin:0px auto; overflow:hidden; background:#fff;}
.header .gnb ul{padding:10px 0px; float:right;}
.header .gnb ul li{float:left; padding:0px 13px;}
.header .gnb ul li a{font-size:12px; color:#666666; letter-spacing:-1px;}
.header .btnMobileMenu{display:none;}
.header .nav{border-top:1px solid #823C3C; border-bottom:1px solid #823C3C; background:#A34545;}
.header .nav a{color:#fff;}
.header .nav a:hover{text-decoration: none;}
.header .nav ul{width:1200px; margin:0px auto; padding:5px 0px; overflow:hidden;}
.header .nav ul li{float:left; background:url("../images/common/bg_nav_line.png") left top repeat-y;}
.header .nav ul li:first-child{background:none;}
.header .nav ul li a{display:block; padding:0px 24px; line-height:22px; font-size: 13px;}
.header .globalSearch{position:relative; width:1200px; margin:0px auto; padding:12px 0px; overflow:hidden;}
.header .globalSearch .logo{float:left; margin-right:24px; margin-left:340px;}
.header .globalSearch .gsearch{position:relative; float:left; padding-bottom:6px; padding-right:30px; margin:10px 0px 0px 0px; width:300px; overflow:hidden; border-bottom:1px solid #67271A;}
.header .globalSearch .gsearch .txt{width:100%;  height:20px; font-size:14px; line-height:20px; border:none; *border:transparent; font-family: "new gulim", "새굴림"}
.header .globalSearch .gsearch .btnDoSearch{position:absolute; top:0px; right:0px; display:block;  margin-right:5px; width:20px; height:20px; text-indent:-100px; overflow:hidden; background: url("../images/common/sprite_common.png") 0 0 no-repeat;}
.header .globalSearch .gsearchEtc{float:left; margin-top:10px; line-height:20px;}
.header .globalSearch .gsearchEtc a{margin-left:22px; font-size:13px; color:#67271A;  letter-spacing:-1px;}

/* footer */
.footer{padding:40px 0px; background:#813E34;}
.footer .sites{width:600px; margin:0px auto; overflow:hidden;position: relative;top: -40px;}
.footer .sites ul{float:right; overflow:hidden;}
.footer .sites li{float:left; margin-left:20px;}
.footer .sites li img{width:120px;}
.footer .sites li:first-child{margin-left:0px;}
.footer .info{width:1024px; margin:0px auto; padding-top:30px; overflow:hidden; border-top:1px solid #67271A;}
.footer .info .flogo{float:left; padding:40px 90px 45px 70px; background:url("../images/common/footer_info_line.gif") right top repeat-y;}
.footer .info .flogo .logo{display:block; width:123px; height:107px; background:url("../images/logo/logo_footer_krpia.png") 0 0 no-repeat;}
.footer .info .rcon{float:left; padding-left:35px;}
.footer .info .rcon .links{margin-bottom:20px; padding:0px 55px; overflow:hidden; background:#67271A;}
.footer .info .rcon .links li{float:left; white-space: nowrap; letter-spacing: -1px;}
.footer .info .rcon .links li a{display:block; padding:10px 14px; font-size:15px; color: #E5CACA;}
.footer .info .rcon .cpinfo{color:#F7D0D0;}



/* contents grid */
.gridLayout{}
.gridLayout .gridbox{}
.gridLayout.gridfix .gblock1{width:195px;}
.gleft{float:left;}
.gright{float:right;}

.contLayoutBox{margin-top:12px; margin-bottom:12px; overflow:hidden; border:1px solid #DDDDDD; background:#F9F9F9;}
.contLayoutBox .inbox{padding:15px;}
.contLayoutBox .conbox{border:1px solid #DDDDDD; background:#fff;}
.contLayoutBox .bsideCol,
.contLayoutBox .asideCol{float:left; width:195px;}
.contLayoutBox .contCol{float:left; width:813px; min-height:600px; border:1px solid #DDDDDD; background:#fff;}
.contLayoutBox .contCol.full{float:none; width:auto; margin:15px;}
.contLayoutBox .colwrap{float:left; width:1022px; margin-right:12px;}
.contLayoutBox .colwrap .asideCol{float:left; margin-right:12px;}
.contLayoutBox .colwrap .contCol{float:right;}

.contentBox{padding:15px; border:1px solid #DDDDDD; background:#F9F9F9; *zoom:1;}
.contentBox:after{display:block; clear:both; content:'';}
.contentBox .block{padding:15px;}
.contentBox .sideBox{margin-top:20px; border:1px solid #ddd; background: #fff;}
.contentBox .sideBox:first-child{margin-top: 0px;}
.contentBox .sideBox .ti{font-size:15px; margin-bottom:15px;}
.contentBox .cont{float:left; width:1130px; /*min-height:600px;*/ padding:0px 20px 30px; border:1px solid #DDDDDD; background:#fff;}
.contentBox .sideA{float:left; /*min-height:600px;*/}
.contentBox .sideB{float:left; /*min-height:600px;*/}

.contentBox.ctypeA{}
.contentBox.ctypeA .cont{float:right; width:916px;}
.contentBox.ctypeA .sideA{float:left; width:195px;}

.contentBox.ctypeB .cont{float:left; width: 766px;}
.contentBox.ctypeB .sideA{float:right; width:345px;}

.contentBox.ctypeC .contGroup{float:left; width:973px}
.contentBox.ctypeC .cont{float:right; margin:0px 15px; width:706px;}
.contentBox.ctypeC .sideA{float:left; width:195px;}
.contentBox.ctypeC .sideB{float:right; width:195px;}

.contentBox.contWithSide{padding:15px;}
.contentBox.contWithSide .sideA{width:195px;}
.contentBox.contWithSide .sideB{width:195px;}
.contentBox.contWithSide .cont{width:916px;}
.contentBox.CLR{}
.contentBox.CLR .sideA{float:left;}
.contentBox.CLR .cont{float:right;}

.contentBox.typeb{}

.contentBox.ctype1{}


/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px){


}


/* Mediaquery : Mobile Mode */
@media all and (max-width : 768px) {


    body{overflow-x:hidden}

    .container .content{width:auto; padding:0px; }

    .contentBox{margin:0px; padding:0px; border:none; background:none;}
    .contentBox .block{padding:15px;}
    .contentBox .cont{float:none; width:auto; min-height:0px; margin:0px; padding-left:0px; padding-right:0px; border:none; background:#fff;}
    .contentBox .sideA{min-height:0px;}
    .contentBox .sideB{min-height:0px;}

    .contentBox.ctypeA .cont{float:none; width:auto;}
    .contentBox.ctypeA .sideA{float:none; width:auto;}
    .contentBox.ctypeB .cont{float:none; width: auto;}
    .contentBox.ctypeB .sideA{float:none; width:auto;}

    .contentBox.ctypeC .contGroup{float:none; width:auto;}
    .contentBox.ctypeC .cont{float:none; width:auto;}
    .contentBox.ctypeC .sideA{float:none; width:auto;}
    .contentBox.ctypeC .sideB{float:none; width:auto;}

    .contentBox.contWithSide{padding:0px;}
    .contentBox.contWithSide .sideA{float:none; width:auto;}
    .contentBox.contWithSide .sideB{float:none; width:auto;}
    .contentBox.contWithSide .cont{margin:0px; float:none; width:auto;}

    .contLayoutBox{width:auto; margin:0px; padding:0px; border:none; background:none;}
    .contLayoutBox .contCol{margin:0px; border:none;}
    .contLayoutBox .contCol.full{margin:0px;}
    .contLayoutBox .colwrap{float:none;}
    .contLayoutBox .colwrap .contCol{float:none; width:auto;}
    .contLayoutBox .colwrap .asideCol{float:none; width:auto;}


    /*header */
    .header{position:relative; background:#fff;}

    .header .gnb{display:none; position:fixed; left:0px; top:0px; z-index:90; width:100%; margin:0px auto; overflow:hidden; background:#fff;
        -webkit-box-shadow: 0px 5px 14px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 5px 14px -4px rgba(0,0,0,0.75);
        box-shadow: 0px 5px 14px -4px rgba(0,0,0,0.75);
    }
    .header .gnb ul{padding:0px; float:none; border-bottom:1px solid #ccc;}
    .header .gnb ul li{float:none; padding:15px 13px; text-align:center; border-top:1px solid #eee;}
    .header .gnb ul li a{font-size:12px; color:#666666; letter-spacing:-1px;}
    .header .btnMobileMenu{display:block; position:absolute; top:17px; right:22px; z-index:100; width:20px; height:16px; overflow:hidden; text-indent:-100px; background: url("../images/common/sprite_common.png") 0 -20px no-repeat;}
    .header .btnMobileMenu.active{position:fixed;}
    .header .nav{width:auto;}
    .header .nav ul{width:100%;}
    .header .nav ul li{width:25%; text-align:center;}
    .header .nav ul li a{display:block; padding:0px; font-size:11px;}
    .header .globalSearch{width:auto; padding:17px 22px;}
    .header .globalSearch .logo{float:left; margin:0px 0px 17px 0px;}
    .header .globalSearch .gsearch{float:none; clear:left; width:auto;}
    .header .globalSearch .gsearchEtc{display:none;}

    /* footer */
    .footer{padding:24px 20px;}
    .footer .sites{display:none;}
    .footer .info{width:auto; padding:0px; border:none;}
    .footer .info .rcon{float:none; padding:0px;}
    .footer .info .rcon .links{padding:0px; background:none;}
    .footer .info .rcon .links li{margin-top:2px; float:none; background:#67271A;}
    .footer .info .rcon .links li:first-child{margin-top:0px;}
    .footer .info .rcon .links li a{padding-left:42px; font-size:15px;}
    .footer .info .flogo{float:none; padding:0px; padding-bottom:20px; background:none;}
    .footer .info .flogo .logo{display:block; width:196px; height:59px; background:url("../images/logo/logo_footer_krpia_m.png") 0 0 no-repeat;}
}


/* 180614_sdh806 */

.header{z-index:100}
.header .nav ul li a.category,
.header .category_sub .category_list a
{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.header .nav ul{padding:0}
.header .nav ul li a{height:32px;line-height:32px}
.header .nav ul li a.category{position:relative;padding:0 30px 0 12px}
.header .nav ul li a.category .ic_arrow{display:block;position:absolute;right:10px;top:12px;width:13px;height:8px;background:url("../images/mainr/ic_gnb_arrow.png") no-repeat}
.header .nav ul li a.category.active,
.header .nav ul li a.category:hover{background:#7e2020}

.header .category_sub{display:none;position:absolute;left:0;top:140px auto;right:0;padding:20px 0;border-bottom:1px solid #a34545;background:#fff;z-index:200}
.header .category_sub .category_wrap{margin:0 auto;max-width:1200px;overflow:hidden}
.header .category_sub .category_list{float:left;width:12.4%;border-right:1px solid #edf1f2;height:224px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*width:12%}
.header .category_sub .category_list:first-child{border-left:1px solid #edf1f2}
.header .category_sub .category_list a{display:block;padding:0 14px;height:24px;line-height:24px;font-size:13px;color:#313131;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.header .category_sub .category_list a:hover{background:#edf1f2}
.header .category_sub .category_list a.active{color:#a34545}
.header .category_sub .category_list .category_title{margin-bottom:8px;font-size:16px;color:#747474;font-weight:600}

#btn_top{display:block;position:fixed;margin-right:-700px;right:50%;bottom:20px;width:49px;height:30px;text-align:left;text-indent:-9999px;filter:alpha(opacity=0);opacity:0;visibility:hidden;background:url("../images/mainr/bt_top.png") no-repeat;z-index:200}
#btn_top.show{filter:"";opacity:1;visibility:visible}

@media screen and (max-width:1420px) {
    #btn_top{margin:0;right:20px}
}

/* Mediaquery : Mobile Mode */
@media all and (min-width : 769px) {
    .header .gnb{display:block!important}
}
@media all and (max-width : 768px) {
    .header .nav ul li a.category{padding:0}
    .header .nav ul li a.category .ic_arrow{display:none}
    .header .category_sub{display:none!important}

    #btn_top{bottom:20px!important}
}