@charset "utf-8";

/* Default ------------------------------------------------------------------------------------------------------*/

*{margin:0;padding:0;}
html, body{width:100%;height:100%;}
body,input,textarea,button{font:12px/1.5em "맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, Arial,Verdana,Tahoma;color:#555; letter-spacing:-0.01em}


h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
ul,ol,dl,dd,dt,li{list-style-type:none;}
em,address{font-style:normal;font-weight:normal;}
textarea{overflow:auto;line-height:16px;}
table{border-collapse:collapse;}
table caption{display:none;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.hidden_text, .blind, legend{display:block;overflow:hidden;position:absolute;left:0 !important;top:-55000px !important}
.skip{display:block;font-size:0;line-height:0;overflow:hidden;}
.skip:hover, .skip:active, .skip:focus{position:absolute;padding:5px;font:bold 12px/1.5em dotum,Arial,Verdana,Tahoma;color:#555;text-decoration: none !important;}
legend{*width:0;}
:root legend{margin-top:-1px;font-size:0;line-height:0;}
img,fieldset,iframe{border:0 none;}
img{border:0;vertical-align:top;}
button{border:none;background:none;cursor:pointer;}
button::-moz-focus-inner {border:0;padding:0;}
/* link_속성 */
a{text-decoration:none;} a:hover{text-decoration:underline;} a:focus{border:none;} a:active{border:none;} a:visited{border:none;}
/* select input속성 */
select{font-size:12px;vertical-align:middle;height:20px;line-height:18px;font-family:dotum,Arial;border:1px solid #000;background:#fff;}
option{}
.input_text, textarea{*margin:-1px 0;padding-right:1px;border:1px solid #000;}
.input_text{height:18px;padding:0 2px;vertical-align:middle;}
.input_login{height:28px;padding:0 2px;vertical-align:middle;font-size:13px;border:1px solid #000;}
.input_check, .input_radio{width:13px;height:13px;vertical-align:middle;}
.input_file{font-size:12px;padding:2px 0 1px 0;vertical-align:middle;}
.textarea1{border:1px solid #b6b6b6;}

/* font */
.f-size11{font-size:11px;}
.f-size12{font-size:12px;}
.f-wn{font-weight:normal;}
.f-wb{font-weight:bold;}


/* 정렬 */
.fl{float:left;}
.fr{float:right;}
.text-ac{text-align:center;}


/* 모쥴 제어용 */
.moduleAreaOn {display:block;}
.moduleAreaOff {display:none;}

/* Layout Map 공통정의------------------------------------------------------------------------------------------------------*/
.page-main-wrap{position:relative;width:1060px;margin:0 auto;} /* 국문메인, 중문메인 */
.page-wrap{position:relative;width:990px;margin:0 auto;} /* 영문메인, 일문메인, Sub공통 */
.full-width-wrap{width:100%; overflow:hidden}/*100% 페이지*/

.page-header{position:relative;width:990px;margin:0 auto;}
.page-body{width:100%; position:relative;}
.page-body:after{content:"";display:block;clear:both;}
.page-body-btm{clear:both;width:990px;margin:0 auto;padding:10px 0 0 0;} /* 국문메인 */
.page-footer{width:990px;height:80px;margin:0 auto;padding:30px 0 0 0;}

.full-width-wrap .page-body .top-blk-full,
.full-width-wrap .page-body .mdl-blk-full,
.full-width-wrap .page-body .btm-blk-full{width:100%}
.full-width-wrap .page-body .top-blk-990,
.full-width-wrap .page-body .mdl-blk-990,
.full-width-wrap .page-body .btm-blk-990{width:990px; margin:0 auto; overflow:hidden}
.full-width-wrap .page-body .top-blk-990 .inner,
.full-width-wrap .page-body .mdl-blk-990 .inner,
.full-width-wrap .page-body .btm-blk-990 .inner{width:990px;}

/*100% 헤더탑 메뉴 사용시 css*/
.page-header{width:100%}
.page-header h1{width:100%; height:81px; text-align:center; padding:24px 0 0 0;}
.page-header .menu-util{width:100%; height:29px; border-bottom:1px solid #eee; position:static}
.page-header .menu-util .inner{width:990px; margin:0 auto; overflow:hidden;}
.page-header .menu-util .link-lang{float:left; position:static;}
.page-header .menu-util .link-lang li{border-left:1px solid #eee}
.page-header .menu-util .link-lang a{padding:0 10px; font-size:11px; line-height:29px; color:#a2a2a2; font-weight:normal; font-family:Helvetica, Aria, freesans, sans-serif, "맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial}
.page-header .menu-util .link-lang a img{vertical-align:middle;display:inline;}
.page-header .menu-util .right li a{display:block; padding:0 8px; margin:0; line-height:29px; font-size:11px; line-height:29px; color:#a2a2a2; font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial}
.page-header .header-search{width:293px; top:24px;}
.page-header .header-search .s-top{overflow:hidden; margin-bottom:5px;}
.page-header .header-search .date{float:left; font-size:11px; color:#999a9a; padding-top:3px;}
.page-header .header-search .etc.share{float:right;}
.page-header .header-search .etc.share li{float:left; margin-left:8px;}
.page-header .default-wrap{width:990px; margin:0 auto; position:relative;}

.page-body{width:990px; margin:0 auto;}

.page-footer{height:auto; font-size:12px;}
.page-footer .footer-wrap{border-top:1px solid #dbdbdb; background:none; padding-top:35px; overflow:hidden;}
.page-footer .footer-wrap .footer-logo{float:left; width:160px; position:static}
.page-footer .footer-wrap .footer-cnt{float:left; width:830px; padding-bottom:60px;}
.page-footer .footer-wrap .footer-cnt *{position:static}
.page-footer .footer-wrap .footer-cnt .footer-menu li{padding:0 5px 0 0; color:#c7c7c7; margin-bottom:15px;}
.page-footer .footer-wrap .footer-cnt .footer-menu li a{margin:0 9px 0 0; color:#7d7d7d}
.page-footer .finfo {color:#aaa}
.page-footer .finfo img{vertical-align:middle;}
.page-footer .finfo .line{margin:0 3px; color:#d6d6d6; font-size:9px}


/*100% 헤더탑 메뉴 사용시 css 끝*/

.location{width:680px;height:20px;background:#fff;}
.location a{color:#555;text-decoration:none;}
.location a.current{color:#0000cc;}


/* util menu */
.menu-util{position:absolute;top:6px;left:0; overflow:hidden; width:100%;}
.menu-util ul{float:left;}
.menu-util ul.right{float:right;}
.menu-util a{margin:0 1px 0 0;color:#555;text-decoration:none;}
.menu-util li{float:left;padding:0 0 0 2px;font-size:11px;letter-spacing:-1px;}
.menu-util li.set-startp{margin:0 527px 0 0;padding:0 6px 0 0;background:url(../img/module/bul/bul_tria_startp.gif) no-repeat right 46%;}
.menu-util li.set-empty{margin:0 474px 0 0;padding:0 6px 0 0; width:148px;}

/* 다국어 link */
.link-lang{position:absolute;top:74px;right:0;}
.link-lang:after{content:"";display:block;clear:both;}
.link-lang li{float:left;font-size:12px;font-weight:bold;}
.link-lang a{color:#000;text-decoration:none;}
/* header 배너 */
.header-banner{position:absolute;top:35px;left:0;}
.header-search{
    position:absolute;
    top:30px;
    right:0;
}
/* header 검색 */
.header-search input{float:left; height:31px;padding:0 5px;border:1px solid #d0d0d0; border-right:0 none; outline:none; color:#9b9b9b; line-height:31px}
.header-search button{float:left; width:33px; height:33px; background:url(../img/layout/btn_headsearch_kor_v2.gif) no-repeat 50% 50%; font-size:0; ;border:1px solid #d0d0d0; border-left:0 none; outline:none;}
.header-search *{vertical-align:middle;}
/* 메뉴 */
.menu{width:990px;height:76px;margin-bottom:10px; background:url(../img/layout/bg_menu_v2_blue.gif) repeat-x left top;}
.menu .depth1 > li{
    position:relative;
    float:left;
    /*background:url(../img/layout/bg_menu_bar.png) no-repeat left 6px*/;
}
.menu a{text-decoration:none;}
.menu .depth1 > li > a{
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    height:30px;
    padding:8px 18px 0 18px;
    display:inline-block;
    font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial;
    font-size:15px;
    color:#fff;
    line-height:1.5em;
    font-weight:bold;
}
.menu .depth1 > li:first-child{background:none;}
.menu .depth2{position:absolute;left:0;top:48px;width:900px;}
.menu .depth2 li{float:left;padding:0 9px;font-size:12px;font-family:dotum;color:#555;font-weight:bold;}
.menu .depth2 li.on a{color:#4139e5;}
.menu .depth2 a{color:#888; font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial; font-size:13px;}
.menu .depth2.news-m{position:absolute;left:4px;width:900px;}
.menu .depth2.china-m{position:absolute;left:-61px;width:950px;}
.menu .depth2.hugangtung-m{position:absolute;left:-124px;width:950px;}
.menu .depth2.car-m{position:absolute;left:-100px;width:850px;}
.menu .depth2.entertain-m{position:absolute;left:-270px;width:690px;}
.menu .depth2.hotissue-m{position:absolute;left:-81px;width:300px;}
.menu .depth2.tv-m{position:absolute;left:-61px;width:600px;}
.menu .depth2.webtoon-m{position:absolute;left:-30px;width:200px;}
.menu .depth2.photo-m{position:absolute;left:-385px;width:650px;}
.menu .depth2.ajuzzoa-m{position:absolute;left:-223px;width:510px;}
.menu .depth2.people-m{position:absolute;left:-54px;width:300px;}
.menu .depth2.asian2014-m{position:absolute;left:-84px;width:256px;}
.menu .depth2.local-m{position:absolute;left:-90px;width:256px;}

/* 관련 link 메뉴 */
.link-rel{position:absolute;top:105px;right:9px;}
.link-rel:after{content:"";display:block;clear:both;}
.link-rel li{float:left;margin:0 0 0 7px;}
.link-rel li:first-child{
    margin:3px 7px 0 0;
    font-family:'dotum', '돋움';
    font-size:13px;
    color:#fff;
    font-weight:bold;
}
.link-rel li a{color:#fff;text-decoration:none;}
.link-rel li:first-child:hover{cursor:pointer;}

/* 헤더 속보 존 */
.header_hotissue{width:100%; height:28px; margin-bottom:10px; overflow:hidden;  position:relative;}
.header_hotissue .sokbo_icon{float:left; margin-right:4px}
.header_hotissue .rolling_wrap{float:left; width:480px; height:18px; margin-top:4px; overflow:hidden; position:relative;}
.header_hotissue .txt_rolling{width:100%; overflow:hidden; position:absolute; top:0; left:0}
.header_hotissue .txt_rolling li{float:left; width:430px; height:18px; padding:0 0 0 10px; position:relative;}
.header_hotissue .txt_rolling .single_news{background-position:5px -29px}
.header_hotissue .txt_rolling .top{background-position:5px -56px}
.header_hotissue .txt_rolling li a{display:block; height:20px; line-height:1.0em; color:#4a4a4a; font-size:14px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial}
.header_hotissue li .rolling_icon_link{position:absolute; top:0; left:5px; width:50px; height:18px;}

.header_hotissue .etc_wrap{float:right; }
.header_hotissue .etc_wrap .etc{float:left; }
.header_hotissue .etc li{float:left; margin:2px 0 0 0; padding-top:5px; padding-left:6px; background:url(http://image.ajunews.com/images/site/img/other/bg_util.png) no-repeat 0 5px; margin-left:5px}
.header_hotissue .etc li.first{margin-left:0; background:none; padding-left:0}
.header_hotissue .etc li.mr15{margin-right:15px}
/*.header_hotissue .etc li.btn{padding-top:0px; background:none}
.header_hotissue .etc li.icon{padding-top:1px; margin-left:5px;}
.header_hotissue .etc li.icon.first{margin-left:10px;}
*/
.header_hotissue .etc.share{background:none}
.header_hotissue .etc.share li{padding:0 2px; background:none; margin:2px 0 0 0}
.header_hotissue .etc.share li.btn{margin-right:5px}

.header_hotissue .hotissue{width:240px; height:28px; position:absolute; top:0; left:470px; background:url(../img/other/header_hotissue_bg.jpg) no-repeat 0 0;}
.header_hotissue .hotissue ul{padding:5px 10px; width:220px; height:18px; position:absolute; top:0; left:0}
.header_hotissue .hotissue li{height:21px; overflow:hidden; padding:0 0 0 40px; background:url(../img/other/icon_hotissue.jpg) no-repeat 0 2px; line-height:1.7em;}
.header_hotissue .hotissue li a{color:#666; padding-bottom:5px;}
.header_hotissue .hotissue .issue_list a{float:left; width:83px; height:15px;overflow:hidden; text-align:right;}
.header_hotissue .hotissue .issue_list a.last{text-align:left;}
.header_hotissue .hotissue .issue_list span{float:left; padding:0 4px}


/* slideshow header style ---------------------------------------------------------------------------------------------------------------*/
.page-header.slide-header{width:100%; height:60px; border-bottom:4px solid #cccccc; box-sizing:border-box; background:#fff}
.page-header.default.slide-header{width:990px; height:60px; border-bottom:4px solid #cccccc; box-sizing:border-box; background:#fff; margin:0 auto}
.page-header.slide-header .inner{width:990px; height:60px; margin:0 auto; overflow:hidden}
.page-header.slide-header h2{float:left; margin-right:78px;}
.page-header.slide-header ul{float:left;}
.page-header.slide-header ul li{float:left}
.page-header.slide-header .icon_home{float:right; margin:7px 5px 0 0}


/* footer --------------------------------------------------------------------------------------------------------------*/
.footer-wrap{position:relative;min-height:90px;background:url(../img/layout/bg_footer.gif) repeat-x left top;font-size:11px;}
.footer-logo{position:absolute;top:11px;left:9px;}
.footer-menu{position:absolute;top:11px;left:125px;}
.footer-menu:after{content:"";display:block;clear:both;}
.footer-menu li{float:left;display:block;margin:0 7px 0 0;color:#333;}
.footer-menu li a{margin:0 2px 0 0;color:#333;text-decoration:none;}
.copyright{position:absolute;top:11px;right:12px;color:#888;}
address{position:absolute;top:45px;left:12px;}
.public-info{position:absolute;top:45px;left:410px;}


/* footer(orange logo) --------------------------------------------------------------------------------------------------------------*/
.orange-logo .footer-wrap{position:relative;width:990px; min-height:90px; margin:0 auto; background:url(http://image.ajunews.com/images/site/img/layout/bg_footer.gif) repeat-x left top;font-size:11px;}
.orange-logo .footer-logo{position:absolute;top:9px;left:9px;}
.orange-logo .footer-menu{position:absolute;top:12px;left:143px;}
.orange-logo .footer-menu:after{content:"";display:block;clear:both;}
.orange-logo .footer-menu li{float:left;display:block;margin:0 7px 0 0;color:#333;}
.orange-logo .footer-menu li a{margin:0 2px 0 0;color:#333;text-decoration:none;}
.orange-logo .copyright{position:absolute;top:11px;right:12px;color:#888;}
.orange-logo address{position:absolute;top:45px;left:12px;}
.orange-logo .public-info{position:absolute;top:45px;left:410px;}



/* 모듈 공통color 정의 ------------------------------------------------------------------------------------------------------*/
/* head title */
.head-opt h3{color:#000;font-weight:bold; font-size:13px; font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial}

/* 더보기 */
.btn-opt-more{padding-right:10px; background:url(../img/module/module-ir.png) no-repeat -3px -359px; font-size:11px; color:#aeaeae; letter-spacing:-0.04em;}
.btn-opt-more a{color:#aeaeae; font-family:dotum;}

.tab-opt li a:hover{text-decoration:none;}

/* keyword */
.keyword-opt li a:hover{color:#ee7917;}

/* page num */
.page-opt-numty1 .current{color:#000;}





/* 모듈 link color 정의 ------------------------------------------------------------------------------------------------------*/
/* 타이틀공통 */
.tit a{color:#555}
.tit a:hover{text-decoration:underline;}

.cont a{color:#555;}
.cont a:hover{color:#555;text-decoration:underline;}


/* 페이징 @auther jkw */
.paging{margin:16px 0 0 0;font-size:12px;text-align:center;}
.paging *{vertical-align:middle;}
.paging a{
    display:inline-block;
    height:12px;
    line-height:12px;
    padding:0 6px 0 11px;
    background:url(../img/module/bg/bg_page_bar.gif) no-repeat left top;
    color:#000;

}
.paging a.btn-page-prev, .paging a.btn-page-first, .paging a.btn-page-last{background:none;text-decoration:none;}
.paging a.btn-page-next{padding-left:0;background:none;text-decoration:none;}
.paging a.first-page, .paging .current-page.first-page{padding-left:0;background:none;}
.paging .current-page{display:inline-block;
    height:12px;
    line-height:12px;
    padding:0 6px 0 11px;
    background:url(../img/module/bg/bg_page_bar.gif) no-repeat left top;
    color:#4139e5;
    font-weight:bold;
}
.btn-page-first, .paging a.btn-page-last{font-size:11px;}
.paging input{text-align:center;}
.paging .page-allnum{display:inline-block;margin:1px 0 0 0;}

/* 버튼 @auther jkw */
.btn {display:inline-block;height:20px;background:url(../img/module/bg/bg_btn_left.gif) no-repeat left top;padding:0 !important;}
.btn button{display:inline-block;height:20px;line-height:15px;background:url(../img/module/bg/bg_btn_right.gif) no-repeat right top;text-align:center;}
.btn .btn-type1{padding:0 6px;}

.twitter-share-button { width: 80px !important; }


#goMobile_btn { text-align:center; padding: 5px 0; background: #EEE; margin-top: 20px; border-top: 1px solid #BABAB1; }
#goMobile_btn a { font-size:30px; }

.button {
    position:relative;
    display: inline-block;
    cursor: pointer;
    margin: 0.1em;
    padding:0.7em 25px .6em 45px;
    position: relative;
    text-align: center;
    font: 1em/100% Arial, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: baseline;
    outline: none;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
}
.button span {
    margin-top: -9px;
    position: absolute;
    top: 50%;
    left:10px;
    display:inline-block;
    height: 18px;
    width: 18px;
    vertical-align:middle;
    -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
    box-shadow: 0px 1px 0 rgba(255,255,255,.4);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}


/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
.button span {
    background:                      #666 /*{global-icon-color}*/;
    background:                      rgba(0,0,0,.4) /*{global-icon-disc}*/;
    background-image: url(http://image.ajunews.com/images/mobile/img/icons-18-white.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    -moz-border-radius:              9px;
    -webkit-border-radius:               9px;
    border-radius:                       9px;
}

/* ----------------------------------- c ------------------------------------------ */
.gray { /* c */
    -moz-box-shadow: 0px 1px 0               rgba(255,255,255,.3);
    -webkit-box-shadow: 0px 1px 0            rgba(255,255,255,.3);
    box-shadow: 0px 1px 0                    rgba(255,255,255,.3);
    border: 1px solid        #ccc /*{c-bup-border}*/;
    background:          #eee /*{c-bup-background-color}*/;
    font-weight: bold;
    color:                   #444 /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:   -moz-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
    background-image:    -ms-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
    background-image:     -o-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
    background-image:        linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.gray:hover {
    border: 1px solid        #bbbbbb /*{c-bhover-border}*/;
    background:          #dadada /*{c-bhover-background-color}*/;
    font-weight: bold;
    color:                   #101010 /*{c-bhover-color}*/;
    text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:   -moz-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */
    background-image:    -ms-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */
    background-image:     -o-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */
    background-image:        linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */
}

.gray:active {
    border: 1px solid        #808080 /*{c-bdown-border}*/;
    background:          #fdfdfd /*{c-bdown-background-color}*/;
    font-weight: bold;
    color:                   #111111 /*{c-bdown-color}*/;
    text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:   -moz-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
    background-image:    -ms-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
    background-image:     -o-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:        linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-8 */
}

/* plus minus */
.button .icon-plus {
    background-position:     -0 50%;
}
.button .icon-minus {
    background-position:     -36px 50%;
}

/* delete/close */
.button .icon-delete {
    background-position:     -72px 50%;
}

/* arrows */
.button .icon-arrow-r {
    background-position:     -108px 50%;
}
.button .icon-arrow-l {
    background-position:     -144px 50%;
}
.button .icon-arrow-u {
    background-position:     -180px 50%;
}
.button .icon-arrow-d {
    background-position:     -216px 50%;
}

/* misc */
.button .icon-check {
    background-position:     -252px 50%;
}
.button .icon-gear {
    background-position:     -288px 50%;
}
.button .icon-refresh {
    background-position:     -324px 50%;
}
.button .icon-forward {
    background-position:     -360px 50%;
}
.button .icon-back {
    background-position:     -396px 50%;
}
.button .icon-grid {
    background-position:     -432px 50%;
}
.button .icon-star {
    background-position:     -468px 50%;
}
.button .icon-alert {
    background-position:     -504px 50%;
}
.button .icon-info {
    background-position:     -540px 50%;
}
.button .icon-home {
    background-position:     -576px 50%;
}
.button .icon-search,
.button .icon-searchfield {
    background-position:     -612px 50%;
}
.button .icon-checkbox-off {
    background-position:     -684px 50%;
}
.button .icon-checkbox-on {
    background-position:     -648px 50%;
}
.button .icon-radio-off {
    background-position:     -756px 50%;
}
.button .icon-radio-on {
    background-position:     -720px 50%;
}

/* checks,radios */
.button .checkbox .icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.button .icon-checkbox-off,
.button .icon-radio-off {
    background-color: transparent;
}
.button .checkbox-on .icon,
.button .radio-on .icon {
    background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}

/* radius clip workaround for cleaning up corner trapping */
.corner-tl,
.corner-tr,
.corner-bl,
.corner-br,
.corner-top,
.corner-bottom,
.corner-right,
.corner-left,
.corner-all,
.btn-corner-tl,
.btn-corner-tr,
.btn-corner-bl,
.btn-corner-br,
.btn-corner-top,
.btn-corner-bottom,
.btn-corner-right,
.btn-corner-left,
.btn-corner-all {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.twitter-share-button { width: 80px !important; }
.top_hori_ad{text-align:center; margin-bottom:10px;} /*헤더 밑 가로 광고*/


/*main layer popup*/
.layer_popup{padding:10px 10px 25px 10px; background:#a2a2a2; position:absolute; border:1px solid #7a7a7a; z-index:100}
.layer_popup .popup_cnt{float:left; background:#fff; border:1px solid #7a7a7a;/*default*/width:300px;}
.layer_popup .popup_cnt p{margin:15px;}

.layer_popup .layer_pop_oneday_close{width:100%; position:absolute; bottom:5px; left:10px; vertical-align:middle;}
.layer_popup .layer_pop_oneday_close .oneday_off{color:#000; text-decoration:none; line-height:0.2em; font-size:11px;}
.layer_popup .layer_pop_oneday_close input{vertical-align:middle;}
.layer_popup .layer_pop_off{position:absolute; bottom:5px; right:10px; cursor:pointer; padding-right:18px; background:url(../img/module/btn/btn_layer_close.gif) no-repeat 100% 50%; color:#000}

.layer_popup .m0{margin:0} /*image content*/
.layer_popup .m_cnt{margin:15px;} /*html content*/



/*animation keyframes*/
@-webkit-keyframes borderAni {
    from {border-width: 0;}
    to {border-width:8px;}
}

@keyframes borderAni {
    from {border-width: 0;}
    to {border-width:8px;}
}

@-webkit-keyframes borderOffAni {
    from {border-width: 8px;}
    to {border-width:0;}
}

@keyframes borderOffAni {
    from {border-width:8px;}
    to {border-width:0;}
}