/****************************************************************************************************
Note : 자동박스 스타일
Name : 정인규
Date : 2014.04.08
****************************************************************************************************/
/* 공통 */
.auto-article {float:left;width:100%;text-align:left;letter-spacing:-0.05em}

/* 폰트크기 */
.auto-article .size-11 {font-size:11px;line-height:16px}
.auto-article .size-12 {font-size:12px;line-height:18px}
.auto-article .size-13 {font-size:13px;line-height:20px;letter-spacing:-0.04em}
.auto-article .size-14 {font-size:14px;line-height:21px;letter-spacing:-0.04em}
.auto-article .size-15 {font-size:15px;line-height:22px;letter-spacing:-0.04em}
.auto-article .size-16 {font-size:16px;line-height:22px;letter-spacing:-0.04em}
.auto-article .size-17 {font-size:17px;line-height:23px;letter-spacing:-0.04em}
.auto-article .size-18 {font-size:18px;line-height:24px;letter-spacing:-0.04em}
.auto-article .size-19 {font-size:19px;line-height:25px;letter-spacing:-0.04em}
.auto-article .size-20 {font-size:20px;line-height:26px;letter-spacing:-0.08em}
.auto-article .size-21 {font-size:21px;line-height:28px;letter-spacing:-0.08em}
.auto-article .size-22 {font-size:22px;line-height:28px;letter-spacing:-0.08em}
.auto-article .size-24 {font-size:24px;line-height:30px;letter-spacing:-0.08em}
.auto-article .size-25 {font-size:25px;line-height:32px;letter-spacing:-0.08em}
.auto-article .size-26 {font-size:26px;line-height:32px;letter-spacing:-0.08em}
.auto-article .size-27 {font-size:27px;line-height:34px;letter-spacing:-0.08em}
.auto-article .size-28 {font-size:28px;line-height:34px;letter-spacing:-0.08em}
.auto-article .size-28 {font-size:29px;line-height:35px;letter-spacing:-0.08em}
.auto-article .size-30 {font-size:30px;line-height:36px;letter-spacing:-0.10em}
.auto-article .size-31 {font-size:31px;line-height:37px;letter-spacing:-0.08em}

/* 제목 2줄설정 */
.auto-article .size-double11 {overflow:hidden;max-height:32px;font-size:11px;line-height:16px}
.auto-article .size-double12 {overflow:hidden;max-height:36px;font-size:12px;line-height:18px}
.auto-article .size-double14 {overflow:hidden;max-height:40px;font-size:14px;line-height:20px}
.auto-article .size-double15 {overflow:hidden;max-height:44px;font-size:15px;line-height:16px}
.auto-article .size-double16 {overflow:hidden;max-height:44px;font-size:16px;line-height:22px}
.auto-article .size-double17 {overflow:hidden;max-height:48px;font-size:17px;line-height:24px}
.auto-article .size-double18 {overflow:hidden;max-height:48px;font-size:18px;line-height:24px}
.auto-article .size-double20 {overflow:hidden;max-height:54px;max-height:52px\9;font-size:20px;line-height:26px;letter-spacing:-0.08em}
.auto-article .size-double25 {overflow:hidden;max-height:64px;font-size:25px;line-height:32px;letter-spacing:-0.08em}

/* 제목 앞 점표시 */
.auto-boll .size-12,
.auto-boll .size-13 {padding-left:10px;background:url(/box/box_news/autobox_design.png) no-repeat -100px -286px;_background-position:-100px -289px}
.auto-boll .size-14 {padding-left:10px;background:url(/box/box_news/autobox_design.png) no-repeat -100px -286px;_background-position:-100px -287px}
.auto-boll .size-16 {padding-left:10px;background:url(/box/box_news/autobox_design.png) no-repeat -100px -286px;_background-position:-100px -289px}
.auto-boll .size-20 {padding-left:10px;background:url(/box/box_news/autobox_design.png) no-repeat -100px -286px;_background-position:-100px -289px}

/* 이미지설정 */
.auto-article img {display:block}
.auto-article img.line {border:1px solid #ccc}

/* 이미지가 없을 경우 */
.auto-noimage {display:block;overflow:hidden;text-indent:-5000px;background:url(/image2006/print_logo.gif) center no-repeat #fff;border:1px solid #ccc;cursor:pointer}
.auto-noimage.no-border {border:0}

/* 링크설정 */
.auto-article a:hover {text-decoration:none}
.auto-article a.OnLoad:hover {color:#d3231a;text-decoration:underline}

/* 사진라인 */
.auto-line {position:absolute;display:block;overflow:hidden;left:0;right:0;bottom:0;top:0;text-indent:-5000px;border:1px solid #000;opacity:.15;filter:alpha(opacity:'15');z-index:55}

/* 줄간격 */
.auto-line-16 {line-height:16px}
.auto-line-20 {line-height:20px}
.auto-line-22 {line-height:22px}

/* 박스별 특이 문자 */
.auto-title {float:left;width:80%;color:#333}
.auto-small {font-size:11px;letter-spacing:-1px}
.auto-name, .auto-date {float:right;font-size:11px}
.auto-date {letter-spacing:0}

/* 라인정리 */
.auto-sol {border-top:1px solid #d0d0d0}
.auto-dot {border-top:1px dotted #d0d0d0}
.auto-dash {border-top:1px dashed #d0d0d0}

/* 정렬초기화 */
.clear {clear:both}

/* 폰트 */
.auto-dotum {font-family:'돋움',dotum,sans-serif,AppleGothic}
.auto-gulim {font-family:'굴림',Gulim,sans-serif,AppleGothic}

/****************************************************************************************************
Note : 텍스트 스타일
Name : 정인규
Date : 2015.04.14
****************************************************************************************************/
/* 텍스트 색상 설정 */
.auto-fontA {color:#292728}
.auto-fontB {color:#77787b}
.auto-fontC {color:#66676c}
.auto-fontD {color:#006f97}
.auto-fontE {color:#444}
.auto-fontF {color:#fff}
.auto-fontG {color:#344289}
.auto-fontH {color:#242961}
.auto-fontI {color:#496579}
.auto-fontJ {color:#c9c9c9}

/****************************************************************************************************
Note : 인기기사 스타일
Name : 정인규
Date : 2015.04.14
****************************************************************************************************/
/* n01 */
.auto-hotA {position:relative;float:left;width:100%;padding-left:23px}
.auto-hotA .size-12 {word-break:break-all}
.auto-hotA .num {position:absolute;width:15px;height:13px;line-height:100%;line-height:11px\0;left:0px;top:4px;_top:1px;z-index:55;font-size:9px;border-radius:0 0 2px 2px;text-align:center;background-color:#b5b5b5;border-top:1px solid #aaa;border-left:1px solid #aaa;color:#fff}
.auto-hotA .point-num {background-color:#e85353;border-top:1px solid #d02626;border-left:1px solid #d02626}

/* n02 */
.auto-hotB {position:relative;float:left;width:100%;padding-left:25px}
.auto-hotB .size-12 {word-break:break-all}
.auto-hotB .num-basic {position:absolute;width:16px;height:12px;left:0px;top:3px;top:3px\0;top:4px\9;_top:1px;z-index:55;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-hotB .num1 {background-position:0px -275px}
.auto-hotB .num2 {background-position:0px -295px}
.auto-hotB .num3 {background-position:0px -315px}
.auto-hotB .num4 {background-position:0px -335px}
.auto-hotB .num5 {background-position:0px -355px}
.auto-hotB .num6 {background-position:0px -375px}
.auto-hotB .num7 {background-position:0px -395px}
.auto-hotB .num8 {background-position:0px -415px}
.auto-hotB .num9 {background-position:0px -435px}
.auto-hotB .num10 {background-position:0px -455px}

/* n03 */
.auto-hotC {position:relative;float:left;width:100%;height:42px;padding-left:40px}
.auto-hotC .hot-line {position:absolute;display:block;overflow:hidden;width:100%;height:3px;left:0;bottom:0;background-color:#ededed;z-index:55}
.auto-hotC .hot-line i.bg {float:left;display:block;overflow:hidden;height:3px;text-indent:-5000px}

.auto-hotC .bg-blue {background-color:#bfd8ef}
.auto-hotC .bg-org {background-color:#eed1a4}
.auto-hotC .bg-green {background-color:#a4eed1}

.auto-hotC .num-basic {position:absolute;display:block;overflow:hidden;z-index:44;width:36px;height:33px;left:0px;top:5px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-hotC .num1 {background-position:-25px -275px}
.auto-hotC .num2 {background-position:-25px -315px}
.auto-hotC .num3 {background-position:-25px -355px}
.auto-hotC .num4 {background-position:-25px -395px}
.auto-hotC .num5 {background-position:-25px -435px}
.auto-hotC .num6 {background-position:-25px -475px}
.auto-hotC .num7 {background-position:-25px -515px}
.auto-hotC .num8 {background-position:-25px -555px}
.auto-hotC .num9 {background-position:-25px -595px}
.auto-hotC .num10 {background-position:-25px -635px}

/* n04 */
.auto-hotD {position:relative;padding-left:25px}
.auto-hotD .num-basic {position:absolute;width:16px;height:12px;left:0px;top:4px;top:3px\0;top:4px\9;_top:1px;z-index:55;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}

.auto-hotD .num1 {background-position:0px -275px}
.auto-hotD .num2 {background-position:0px -295px}
.auto-hotD .num3 {background-position:0px -315px}
.auto-hotD .num4 {background-position:0px -335px}
.auto-hotD .num5 {background-position:0px -355px}
.auto-hotD .num6 {background-position:0px -375px}
.auto-hotD .num7 {background-position:0px -395px}
.auto-hotD .num8 {background-position:0px -415px}
.auto-hotD .num9 {background-position:0px -435px}
.auto-hotD .num10 {background-position:0px -455px}

/* n05 */
.auto-hotE {display:block;overflow:hidden;width:100%;height:20px}
.rollInBoxA {position:relative;float:left}
.rollBox {position:relative;float:left}
.rollBox2 {position:absolute;display:none;overflow:hidden;z-index:99;background-color:#fff;border:1px solid #ccc;padding:5px 10px 10px}
.rollBox2 .auto-hotA {margin-top:5px}
.rollBox .auto-hotA .size-12,
.rollBox2 .auto-hotA .size-12 {line-height:16px;_line-height:18px} 
.rollBox .auto-hotA .num,
.rollBox2 .auto-hotA .num {top:3px;_top:1px}

/* n06 */
.auto-hotF .marker {display:block;overflow:hidden;width:100%;height:30px;line-height:30px;padding-left:10px;border:1px solid #dfdfdf;cursor:pointer;background-color:#f8f8f8}
.auto-hotF .marker .size-12 {height:30px;line-height:28px;_line-height:32px}
.auto-hotF .marker .view-marker {position:relative;float:right;width:38px;height:28px;background-color:#fff;border-left:1px solid #dfdfdf}
.auto-hotF .marker .view-marker .cursor {position:absolute;display:block;overflow:hidden;width:12px;height:7px;text-indent:-5000px;left:50%;top:50%;margin:-3.5px 0 0 -6px;background:url(/box/box_news/autobox_design.png) -250px -50px no-repeat;z-index:55}
.auto-hotF .marker .view-marker .on {background-position:-300px -50px}
.auto-hotF .panel-view {overflow:hidden;height:120px;margin-top:7px}
.auto-hotF .panel-view .more {float:right;display:block;overflow:hidden;margin:7px 0;width:82px;height:20px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -250px 0px no-repeat}

/****************************************************************************************************
Note : 포토박스 스타일
Name : 정인규
Date : 2015.04.03
****************************************************************************************************/
.photo-btn {position:absolute;display:block;overflow:hidden;text-indent:-5000px;z-index:55}
.photo-titbg {position:absolute;width:100%;bottom:0px;z-index:44;background:url(/box/box_news/photoBox_Lowbg.png) repeat;padding:0 10px}

/****************************************************************************************************
Note : 박스별 스타일
Name : 정인규
Date : 2015.04.03
****************************************************************************************************/
/* s02 */
.auto-s02 {position:relative}
.auto-s02 .height-auto {min-height:120px}
.auto-s02 .auto-cnt {padding:10px 12px}
.auto-s02 a:hover .auto-fontA {color:#c00;text-decoration:underline}

/* c03 */
.auto-c03 .size-12 {line-height:15px;_line-height:20px}
.auto-c03 .size-12 span a {overflow:hidden;float:left;height:18px;line-height:15px;_line-height:22px;font-size:11px;background:#016e97;padding:0 4px;margin-right:7px}

/* i09(250) */
.auto-i09 {position:relative}
.auto-i09 .auto-radius {position:absolute;display:block;overflow:hidden;width:80px;height:80px;text-indent:-5000px;background:url(/box/box_news/design_main.png) -80px 0 no-repeat;z-index:55}
.auto-i09 .size-double15 {font-family:'Nanum Myeongjo','Nanum Gothic','Malgun Gothic',dotum,sans-serif,'Apple Gothic'}
.auto-i09 a:hover .auto-fontA {color:#c00;text-decoration:underline}
.auto-i09 .auto-pager {position:absolute;right:0;top:-28px;z-index:77}
.auto-i09 .auto-pager a {float:left;display:block;overflow:hidden;width:8px;height:8px;text-indent:-5000px;background-color:#bdc3c7;margin-left:4px;border-radius:8px}
.auto-i09 .auto-pager a.activeSlide {background-color:#2b95e6}

/* i06 / p01(390) */
.auto-i06 {overflow:hidden;width:48%}
.auto-i06 .size-double12 {height:36px}

/* 관련기사설정 */
.sec-add-article a {background:url('/box/box_news/autobox_design.png') no-repeat -100px -331px;padding-left:13px}
.auto-add a {background:url('/box/box_news/autobox_design.png') no-repeat -100px -331px;padding-left:13px}

/* p01(360) */
.auto-p01-new {position:relative}
.auto-p01-new .height-auto {min-height:205px}
.auto-p01-new .photo-titbg {left:0;right:0;top:0;background:url(/box/box_news/h8_bg.png) left 60px repeat-x}
.auto-p01-new .photo-titbg .size-15 {position:absolute;width:345px;left:15px;bottom:15px;z-index:44;text-align:center}
.auto-p01-new a:hover .photo-titbg .size-15 {text-decoration:underline}
.auto-p01-new .auto-pager {position:absolute;left:50%;bottom:48px;z-index:44} 
.auto-p01-new .auto-pager a {float:left;display:block;overflow:hidden;width:8px;height:8px;text-indent:-5000px;background-color:#bdc3c7;margin:0 2px;border-radius:8px}
.auto-p01-new .auto-pager a.activeSlide {background-color:#2b95e6}

/* p01 */
.auto-p01 {position:relative;display:block;overflow:hidden}
.auto-p01 .photo-btn {right:0px;bottom:0px;background-color:#617af6}
.auto-p01 .photo-btn a {position:relative;float:left;width:17px;height:30px}
.auto-p01 .photo-btn a i.icon {position:absolute;display:block;overflow:hidden;width:3px;height:5px;text-indent:-5000px;left:50%;top:50%;margin:-2.5px 0 0 -1.5px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-p01 .photo-btn a.left i.icon {background-position:0px -250px}
.auto-p01 .photo-btn a.right i.icon {background-position:-25px -250px}
.auto-p01 .photo-titbg {height:30px;line-height:28px;_line-height:34px;padding-right:38px}

/* p02 */
.auto-p02 {position:relative;display:block;overflow:hidden}
.auto-p02 .photo-btn {position:absolute;bottom:8px;position:absolute;display:block;overflow:hidden;width:8px;height:15px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-p02 .left {left:8px;background-position:-250px -250px}
.auto-p02 .right {right:8px;background-position:-275px -250px}
.auto-p02 .photo-titbg {padding:6px 25px}
.auto-p02 .photo-titbg .size-12 a {color:#cfcfcf}

/* p03 */
.auto-p03 {position:relative;display:block;overflow:hidden}
.auto-p03 .photo-btn {right:6px;bottom:7px}
.auto-p03 .photo-btn a {float:left;height:16px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-p03 .photo-btn a.left {width:15px;background-position:-150px -250px}
.auto-p03 .photo-btn a.right {width:14px;background-position:-165px -250px}
.auto-p03 .photo-titbg {height:30px;line-height:28px;_line-height:34px;padding-right:40px}

/* p04 */
.auto-p04 {position:relative}
.auto-p04 .auto-body {position:relative}
.auto-p04 .photo-titbg {height:30px;left:0;padding:0 10px;font-size:13px;line-height:28px;text-align:center;z-index:66;}
.auto-p04 .cover-over {position:absolute;overflow:hidden;left:0;top:0;line-height:300pt;}
.auto-p04 .active .cover-over {border:3px solid #c00;}

/* p05 */
.auto-p05 {position:relative;text-align:center}
.auto-p05 ul li.float-left.width-full {text-align:left}
.auto-p05 .height-auto {min-height:180px}
.auto-p05 .height-auto.small {min-height:100px}
.auto-p05 .photo-btn {width:29px;right:0px;top:-25px}
.auto-p05 .photo-btn a {float:left;height:15px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-p05 .photo-btn a.left {width:15px;background-position:-100px -250px}
.auto-p05 .photo-btn a.right {width:14px;background-position:-115px -250px}
.auto-p05 .auto-pager {display:inline-block;margin:5px auto 3px;}
.auto-p05 .auto-pager a {float:left;display:block;overflow:hidden;width:9px;height:9px;text-indent:-5000px;background-color:#bdc3c7;margin:0 2px;border-radius:50%}
.auto-p05 .auto-pager a.activeSlide {background-color:#2b95e6}
.auto-p05 .auto-pager.small a {float:none;display:inline-block}
.auto-p05 .auto-pager.small a.activeSlide {background-color:#8e44ad}

/* p05 */
.auto-p051 {position:relative;text-align:center}
.auto-p051 ul li.float-left.width-full {text-align:left}
.auto-p051 .height-auto {min-height:180px}
.auto-p051 .height-auto.small {min-height:100px}
.auto-p051 .photo-btn {width:29px;right:0px;top:-25px}
.auto-p051 .photo-btn a {float:left;height:15px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-p051 .photo-btn a.left {width:15px;background-position:-100px -250px}
.auto-p051 .photo-btn a.right {width:14px;background-position:-115px -250px}
.auto-p051 .auto-pager {display:inline-block;margin:5px auto 3px;}
.auto-p051 .auto-pager a {float:left;display:block;overflow:hidden;width:9px;height:9px;text-indent:-5000px;background-color:#bdc3c7;margin:0 2px;border-radius:50%}
.auto-p051 .auto-pager a.activeSlide {background-color:#2b95e6}
.auto-p051 .auto-pager.small a {float:none;display:inline-block}
.auto-p051 .auto-pager.small a.activeSlide {background-color:#a87301}

/* p06 */
.auto-p06 .auto-p06-box {position:relative;border:1px solid #d5d7da}
.auto-p06 .photo-btn {right:0px;bottom:0px;width:25px;height:31px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-p06 .left {left:0px;background-position:-275px -150px}
.auto-p06 .right {right:0px;background-position:-300px -150px}

.auto-p06 .auto-noimage {border:0px}
.auto-p06 .size-12 {height:31px;line-height:30px;_line-height:34px;border-top:1px solid #d5d7da;padding:0 30px;background-color:#f8f8f8}

.auto-p06 .view-icon {float:left;width:100%;text-align:center;margin-top:5px}
.auto-p06 .view-icon ul {display:inline-block;margin:0 auto}
.auto-p06 .view-icon ul li {float:left;display:block;overflow:hidden;width:6px;height:6px;text-indent:-5000px;cursor:pointer;background:url(/box/box_news/autobox_design.png) -300px -200px no-repeat;margin-left:5px}
.auto-p06 .view-icon ul li.on {background-position:-275px -200px}

/* p08 */
.auto-p08 {position:relative}
.auto-p08 .height-auto {min-height:200px}
.auto-p08 .height-auto.small {min-height:100px}
.auto-p08 .auto-viewer {position:absolute;display:block;overflow:hidden;width:200px;height:200px;left:0;bottom:0;z-index:99}
.auto-p08 .auto-viewer .auto-big {display:none}
.auto-p08 .auto-viewer .auto-big.on {display:block}
.auto-p08 .auto-viewer .auto-big .photo-titbg {left:0;right:0;top:0;background:url(/box/box_news/h8_bg.png) left 70px repeat-x}
.auto-p08 .auto-viewer .auto-big .photo-titbg .size-15 {position:absolute;width:170px;left:15px;bottom:10px;z-index:22}
.auto-p08 .auto-viewer .auto-big a:hover .photo-titbg .auto-fontF {text-decoration:underline}
.auto-p08 .auto-cursor {position:absolute;display:block;width:300px;height:300px;left:0;top:0;z-index:11}
.auto-p08 .auto-cursor .auto-small .auto-line {display:none}
.auto-p08 .auto-cursor .auto-small1 {left:0px;top:0px}
.auto-p08 .auto-cursor .auto-small2 {left:100px;top:0px}
.auto-p08 .auto-cursor .auto-small3 {right:0px;top:0px}
.auto-p08 .auto-cursor .auto-small4 {right:0px;top:100px}
.auto-p08 .auto-cursor .auto-small5 {right:0px;bottom:0px}
.auto-p08 .auto-cursor .auto-small6 {left:100px;bottom:0px}
.auto-p08 .auto-cursor .auto-small7 {left:0px;bottom:0px}
.auto-p08 .auto-cursor .auto-small8 {left:0px;top:100px}
.auto-p08 .auto-cursor .active .auto-line {display:block;opacity:1;filter:alpha(opacity:'100');border:3px solid #e74c3c}

/* r02 */
.auto-r02 {position:relative;border:1px solid #ccc;background-color:#f9f9f9;padding:5px;border-radius:2px}
.auto-r02 .con-title {overflow:hidden;height:25px;line-height:23px;_line-height:28px;padding:0 10px;background-color:#e85353;border:1px solid #d92d2d;color:#fff;border-radius:2px}
.auto-r02 .roll-body {width:290px}
.auto-r02 .roll-body-340 {width:250px}
.auto-r02 .roll-body-360 {width:265px}
.auto-r02 .roll-body-560 {width:400px}
.auto-r02 .size-12 {float:left;width:100%;height:25px;line-height:25px;_line-height:30px}
.auto-r02 .btn-box {position:absolute;width:14px;right:5px;top:5px;z-index:55}
.auto-r02 .btn-box a {float:left;display:block;overflow:hidden;width:14px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-r02 .btn-box a.btn-prev {height:14px;background-position:-300px -250px}
.auto-r02 .btn-box a.btn-next {height:13px;background-position:-325px -250px}

/* a01 */
.auto-a01 .sec-title {display:block;overflow:hidden;height:20px;line-height:20px;_line-height:24px;padding:0 10px;background-color:#9ea5bb;border:1px solid #999}

/* ai01(640) */
.auto-ai01-special {position:relative}
.auto-ai01-special .height-auto.small {min-height:100px}
.auto-ai01-special .auto-images {display:none}
.auto-ai01-special .size-12 {opacity:.7;filter:alpha(opacity:'70')}
.auto-ai01-special a:hover .size-12 {opacity:1;filter:alpha(opacity:'100')}
.auto-ai01-special a:hover.auto-fontF {text-decoration:underline}

/* ai04 */
.auto-ai04 {border:1px solid #ccc;background-color:#f8f8f8;border-radius:2px}
.auto-ai04 .box-con {float:left;width:100%;padding:5px 10px;border-top:1px solid #ddd}
.auto-ai04 .no-border {border:0px}

/* ai05 */
.auto-ai05 {position:relative;display:block;overflow:hidden}
.auto-ai05 .auto-titbox {position:absolute;left:15px;top:50%;margin-top:-25px;z-index:44}
.auto-ai05 .auto-line {display:block;overflow:hidden;height:8px;margin-top:10px;text-indent:-5000px;border-top:1px solid #bdc3c7}
.auto-ai05 .size-12,
.auto-ai05 .size-11 {text-align:center;text-shadow:1px 1px #000}
.auto-ai05 .size-12.auto-line {border-bottom:1px solid #bdc3c7}
.auto-ai05 a .photo-titbg {display:none\9;transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); }
.auto-ai05 a:hover .photo-titbg {display:block\9;transition:transform 0.4s, opacity 0.1s; opacity: 0.8;transform: translateY(0px);-o-transition:-o-transform .4s, opacity .1s;-moz-transition:-moz-transform .4s, opacity .1s;-webkit-transition:-webkit-transform .4s, opacity .1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform: translateY(0)}

/* ar01 */
.auto-ar01 {position:relative;border:1px solid #ccc;background-color:#f9f9f9;padding:5px;border-radius:2px}
.auto-ar01 .con-title {position:relative;height:25px;line-height:23px;_line-height:28px;padding:0 10px;background-color:#323232;color:#fff;border-radius:2px}
.auto-ar01 .con-title .point {color:#ffe92e}
.auto-ar01 .con-title .icon {position:absolute;display:block;overflow:hidden;width:3px;height:5px;right:-3px;top:50%;margin-top:-2.5px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) 0 -50px no-repeat;z-index:55}
.auto-ar01 .roll-body {width:290px}
.auto-ar01 .roll-body .size-12 {height:25px;line-height:23px;_line-height:28px;background-position:-100px -284px}
.auto-ar01 .btn-box {position:absolute;right:8px;top:50%;margin-top:-8px;z-index:55}
.auto-ar01 .btn-box a {float:left;display:block;overflow:hidden;height:16px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-ar01 .btn-box a.btn-prev {width:15px;background-position:-100px -250px}
.auto-ar01 .btn-box a.btn-next {width:14px;background-position:-115px -250px}

/* h01(960) */
.auto-h01-fsize a:hover .auto-fontA {text-decoration:underline;color:#c00}

/* h02 */
.auto-h02 .more {float:right;display:block;overflow:hidden;width:87px;height:10px;line-height:300px;background:url(/box/box_news/autobox_design.png) -350px 0 no-repeat}
.auto-h02 .more a {display:block}

/* h04 */
.auto-h04 .icon {display:block;overflow:hidden;width:82px;height:11px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -350px -50px no-repeat}

/* ha01 */
.auto-ha01 {position:relative}
.auto-ha01 .btn-box {position:absolute;right:0px;bottom:0px;z-index:55}
.auto-ha01 .btn-box a {float:left;display:block;overflow:hidden;height:14px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat}
.auto-ha01 .btn-box a.btn-prev {width:13px;background-position:-50px -250px}
.auto-ha01 .btn-box a.btn-next {width:12px;background-position:-63px -250px}

/* ha02 */
.auto-ha02 {position:relative}
.auto-ha02 .box-title {color:#f02375}
.auto-ha02 .btn-box {position:absolute;display:block;overflow:hidden;top:50%;margin-top:-27.5px;width:27px;height:55px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) no-repeat;z-index:55}
.auto-ha02 .btn-prev {left:13px;background-position:-350px -200px}
.auto-ha02 .btn-next {left:350px;background-position:-400px -200px}
.auto-ha02 .icon-box {position:absolute;bottom:8px;right:295px;z-index:55}
.auto-ha02 .box-size-690 {right:310px}
.auto-ha02 .icon-box li {float:left;display:block;overflow:hidden;width:10px;height:10px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -100px 0 no-repeat;cursor:pointer;margin-left:3px}
.auto-ha02 .icon-box li.active {width:20px;background-position:-50px 0}
.auto-ha02 .box-con {position:relative}
.auto-ha02 .box-name {position:absolute;height:28px;line-height:28px;_line-height:33px;left:0px;bottom:0px;padding:0 10px;z-index:50;background:url(/box/box_news/photoBox_Lowbg.png) repeat}
.auto-ha02 .auto-noimage {background-image:url(/image2006/logo.gif)}
.auto-ha02 .more {display:block;overflow:hidden;width:40px;height:7px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -400px -100px no-repeat}

/* hc01 */
.auto-hc01 {position:relative}
.auto-hc01 .box-icon {position:absolute;right:0px;bottom:0px;z-index:55}
.auto-hc01 .box-icon li {margin-left:5px}
.auto-hc01 .box-icon li img {border:1px solid #ccc}
.auto-hc01 .box-icon li.active img,
.auto-hc01 .box-icon li.active i {border:1px solid #c00}

/* hc02 */
.auto-hc02 {overflow:hidden;height:286px;background-color:#333}
.auto-hc02 .auto-noimage {border:0px}
.auto-hc02 .auto-body {position:relative}
.auto-hc02 .photo-titbg {padding:10px}
.auto-hc02 .auto-cursor {position:relative;padding:8px 10px}
.auto-hc02 .auto-cursor .size-double12 {margin-top:2px}
.auto-hc02 .auto-cursor .icon {position:absolute;display:none;overflow:hidden;width:4px;height:7px;background:url(/box/box_news/autobox_design.png) 0px 0px no-repeat;text-indent:-5000px;z-index:66;left:-4px;top:50%;margin-top:-3.5px}
.auto-hc02 .active {background-color:#557cd5}
.auto-hc02 .active .auto-fontJ {color:#fff}
.auto-hc02 .active .icon {display:block}

/* hc03 */
.auto-hc03 {position:relative}
.auto-hc03 .icon {position:absolute;display:block;overflow:hidden;width:88px;height:30px;left:-4px;top:3px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -200px -100px no-repeat;z-index:70}
.auto-hc03 .auto-body {position:relative}
.auto-hc03 .photo-titbg {background:url(/box/box_news/TotalBox_bg.png) 0px bottom repeat-x}
.auto-hc03 .photo-titbg .photo-inner {position:absolute;left:15px;bottom:12px;z-index:66;text-shadow:1px 1px #000}
.auto-hc03 .photo-titbg .auto-fontJ {color:#e9e9e9}
.auto-hc03 .size-double12 {max-height:32px;line-height:16px}
.auto-hc03 .size-double11 {max-height:28px;line-height:14px}
.auto-hc03 a:hover .OnLoad {color:#c00;text-decoration:underline}
.auto-hc03 .active img,
.auto-hc03 .active .auto-noimage {border:1px solid #c00}
.auto-hc03 .active .OnLoad {color:#c00}
.auto-hc03 .auto-martop-3 {_margin-top:3px}

/* hc04 */
.auto-hc04 {position:relative}
.auto-hc04 .icon {position:absolute;display:block;overflow:hidden;width:88px;height:30px;left:-4px;top:3px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -200px -100px no-repeat;z-index:70}
.auto-hc04 .auto-body {position:relative}
.auto-hc04 .auto-cursor {padding:5px 10px 0}
.auto-hc04 .photo-titbg {background:url(/box/box_news/TotalBox_bg.png) 0px bottom repeat-x}
.auto-hc04 .photo-titbg .photo-inner {position:absolute;left:15px;bottom:12px;z-index:88;text-shadow:1px 1px #000}
.auto-hc04 .photo-titbg .auto-fontJ {color:#e9e9e9}
.auto-hc04 a:hover .OnLoad {color:#c00;text-decoration:underline}
.auto-hc04 .active {background-color:#eee}
.auto-hc04 .active .OnLoad {color:#c00}

/* hi02 */
.auto-hi02 {position:relative;background-color:#37373c;padding-right:15px}
.auto-hi02 .icon {position:absolute;width:242px;height:30px;right:0px;top:10px;background-color:#617af6;z-index:66}
.auto-hi02 .icon-690 {width:257px}
.auto-hi02 .icon i {position:absolute;display:block;overflow:hidden;width:145px;height:30px;left:-20px;top:0px;text-indent:-5000px;background:url(/box/box_news/autobox_design.png) -50px -100px no-repeat;z-index:1}
.auto-hi02 .size-double20 {margin-top:52px}
.auto-hi02 .auto-noimage {border:0px}
.auto-hi02 .auto-boll {position:absolute;overflow:hidden;right:0px;bottom:0px;background-color:#222; padding:15px}
.auto-hi02 .auto-boll .size-12 {background:url(/box/box_news/autobox_design.png) -100px -366px no-repeat}
.auto-hi02 .auto-fontB {color:#aaa}
.auto-hi02 a:hover.OnLoad {color:#fff;text-decoration:underline}

/* fc01 */
.auto-fc01 {position:relative;border-bottom:3px solid #000}
.auto-fc01 .new-icon {position:absolute;display:block;overflow:hidden;width:91px;height:91px;text-indent:-5000px;left:0px;top:0px;background:url(/box/box_news/autobox_design.png) 0px -150px no-repeat;z-index:66}
.auto-fc01 .auto-noimage {border:0}
.auto-fc01 .body-con {position:relative;border:1px solid #000;border-bottom:0}
.auto-fc01 .cursor-con {position:relative;border-right:1px solid #000;border-top:1px solid #000}
.auto-fc01 .height-360 {height:362px}
.auto-fc01 .photo-titbg {padding:10px;text-align:center}
.auto-fc01 .photo-titbg .point {color:#ffe980}
.auto-fc01 .size-18 {_line-height:30px}

/* fc02 */
.auto-fc02 .body-con {position:relative;text-shadow:1px 1px #000}
.auto-fc02 .auto-noimage {border:0}
.auto-fc02 .photo-titbg .photo-inner {position:absolute;bottom:12px;left:15px;z-index:55}
.auto-fc02 .photo-basic {background:url(/box/box_news/TotalBox_bg.png) left bottom repeat-x}
.auto-fc02 .photo-basic-sm {background:url(/box/box_news/TotalBox_bg.png) left -130px repeat-x}
.auto-fc02 .size-18 {letter-spacing:-0.08em}
.auto-fc02 .size-12 {color:#ffe980}

/* fi01 */
.auto-fi01 {position:relative}
.auto-fi01 .photo-titbg {left:0;right:0;top:0;text-align:center}
.auto-fi01 .photo-titbg .size-double15 {position:absolute;width:200px;left:15px;top:50%;margin-top:-22px;z-index:55}
.auto-fi01 .auto-cnt {padding:10px 12px}
.auto-fi01 .auto-cnt.add-box {border:1px solid #ddd;border-top:0}
.auto-fi01 .height-auto {min-height:153px}
.auto-fi01 .height-auto.small {min-height:128px}
.auto-fi01 .height-auto.larg {min-height:110px}
.auto-fi01 a:hover .auto-fontA {text-decoration:underline;color:#c00}
.auto-fi01 .auto-images {transform:scale3d(1, 1, 1);transition:all 0.3s ease 0s}
.auto-fi01 a:hover .auto-images {transform: scale3d(1.05, 1.05, 1);}
.auto-fi01 a:hover .photo-titbg {display:none}
.auto-fi01 .photo-btn {position:absolute;width:49px;right:0px;top:-32px;z-index:55}
.auto-fi01 .photo-btn a {float:left;display:block;overflow:hidden;height:21px;background:url(/box/box_news/design_main.png) no-repeat}
.auto-fi01 .photo-btn a.auto-prev {width:25px;background-position:0 0}
.auto-fi01 .photo-btn a.auto-next {width:24px;background-position:-25px 0}

/* fi02 */
.auto-fi01-photo {position:relative;margin-top:25px}
.auto-fi01-photo .auto-section {display:block;font-size:21px;margin-bottom:12px;color:#e74c3c}
.auto-fi01-photo .photo-titbg {left:0;right:0;top:0;background:url(/box/box_news/h8_bg.png) left 200px repeat-x}
.auto-fi01-photo .photo-titbg .size-double20 {position:absolute;width:317px;left:15px;bottom:15px;z-index:55;text-shadow:1px 1px #000}
.auto-fi01-photo .auto-cnt {padding:10px 12px}
.auto-fi01-photo .height-auto {min-height:110px}
.auto-fi01-photo .auto-images.large {display:none}
.auto-fi01-photo .auto-images {transform:scale3d(1, 1, 1);transition:all 0.3s ease 0s}
.auto-fi01-photo a:hover .auto-images {transform: scale3d(1.05, 1.05, 1);}
.auto-fi01-photo a:hover .auto-fontF {text-decoration:underline}
.auto-fi01-photo a:hover .auto-fontA {color:#c00;text-decoration:underline}

/* m01 */
.auto-m01 {height:290px;background-color:#202028}
.auto-m01 img.line,
.auto-m01 .auto-noimage {border:1px solid #000}
.auto-m01 .body-con {width:388px;padding:8px 0 0 8px}
.auto-m01 .body-list {width:282px}
.auto-m01 .body-list li {display:block;overflow:hidden;height:72.5px;padding:11px 10px}
.auto-m01 .body-list li.point {background-color:#303036}
.auto-m01 .body-banner {height:290px;background-color:#394273;text-align:center}
.auto-m01 .body-banner .banner-inner {margin:18px auto 0}
.auto-m01 a:hover.OnLoad {color:#fff}

/* m02 */
.auto-m02 {height:380px;background-color:#282828}
.auto-m02 img.line,
.auto-m02 .auto-noimage {border:1px solid #000}
.auto-m02 .body-con {width:660px;padding:10px}
.auto-m02 .body-text {width:300px;margin:10px 0;padding:0 10px}
.auto-m02 .body-text .text-inner {padding-bottom:14px;border-bottom:1px solid #1b1b1b}
.auto-m02 .body-text .icon {display:block;overflow:hidden;width:80px;height:25px;line-height:300px;background:url(/box/box_news/autobox_design.png) -300px -100px no-repeat}
.auto-m02 .body-list {border-top:1px solid #393939;padding-top:10px}
.auto-m02 .body-list ul {padding:5px 10px;background-color:#333;border:1px solid #222}
.auto-m02 .body-list ul li {display:block;overflow:hidden;height:63px;border-bottom:1px solid #444;padding-top:5px}
.auto-m02 .size-12 .point {color:#ffce4a}
.auto-m02 a:hover.OnLoad {color:#fff}

/* at02 */
.auto-at02 {position:relative}
.auto-at02 .targets {width:210px;display:none;margin:0 7.5px 10px;text-align:left;border:1px solid #ddd;background-color:#f8f8fa;padding:10px;border-radius:3px;box-shadow:2px 2px #eee}
.auto-at02 .targets:hover {border:1px solid #aaa;background:#fff}
.targets-more {height:30px;line-height:28px;text-align:center;border:1px solid #ddd;background-color:#f8f8fa;letter-spacing:-0.08em;cursor:pointer}
.targets-more:hover {text-decoration:underline; color:#c00}

/* 지난기획 */
.last-plan-news {width:100%;height:35px;border:1px solid #ddd;font-size:13px;letter-spacing:-0.08em;color:#777}


/* ie8 */
@media \0screen { 
/* 제목 앞 점표시 */
.auto-boll .size-12 {background-position:-100px -289px}
.auto-boll .size-14 {background-position:-100px -287px}
.auto-boll .size-16 {background-position:-100px -289px}
.auto-boll .size-20 {background-position:-100px -289px}

/* 날짜 */
.auto-date {letter-spacing:0}

/* 여백 */
.auto-martop-3 {margin-top:0px}

/* 인기기사 */
.auto-hotA .num,
.auto-hotB .num-basic,
.auto-hotD .num-basic{top:1px}
.rollBox2 .auto-hotA .num {top:0px}
.rollBox .auto-hotA .size-12,
.rollBox2 .auto-hotA .size-12 {line-height:18px} 
.rollBox .auto-hotA .num,
.rollBox2 .auto-hotA .num {top:1px}
.auto-hotF .marker .size-12 {line-height:32px}

/* c03 */
.auto-c03 .size-12 {line-height:20px}
.auto-c03 .size-12 span a {line-height:22px}

/* 포토 */
.auto-p01 .photo-titbg,
.auto-p03 .photo-titbg,
.auto-p06 .size-12 {line-height:34px}

/* r02 */
.auto-r02 .con-title {line-height:28px}
.auto-r02 .size-12 {line-height:30px}

/* a01 */
.auto-a01 .sec-title {line-height:24px}

/* ar01 */
.auto-ar01 .con-title {line-height:28px}
.auto-ar01 .roll-body .size-12 {line-height:28px}

/* ha02 */
.auto-ha02 .box-name {line-height:33px}

/* hc03 */
.auto-hc03 .auto-martop-3 {margin-top:3px}

/* fc01 */
.auto-fc01 .size-18 {line-height:30px}

/* fi01 */
.auto-fi01 .size-12 {line-height:21px}

/* fi02 */
.auto-fi01-photo .auto-images.large,
.auto-ai01-special .auto-images {display:block}
}

/* firefox */
@-moz-document url-prefix() {
.auto-article .size-double18 {max-height:50px;line-height:25px}
/* 제목 앞 점표시 */
.auto-boll .size-12 {background-position:-100px -285px}
.auto-boll .size-14 {background-position:-100px -285px}
.auto-boll .size-16 {background-position:-100px -285px}
.auto-boll .size-20 {background-position:-100px -285px}

/* 인기기사 */
.auto-hotA .num {line-height:11px;top:5px}
.auto-hotB .num-basic,
.auto-hotD .num-basic {top:3px} 

/* p01 */
.auto-p01 .photo-btn {display:inline-block;width:34px}

/* p03 */
.auto-p03 .photo-btn {display:inline-block;width:29px}

/* a01 */
.auto-a01 .sec-title {line-height:18px}
}

/* emoji */
.article-emoji{display:table; width:100%; margin:40px 0; padding:20px 50px; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; box-sizing:border-box}
.article-emoji > button{display:table-cell; width:20%}
.article-emoji > button > span{display:block}
.article-emoji > button > .av-title{margin-top:5px; font-size:13px; color:#999}
.article-emoji > button > .av-ico{margin:auto; width:35px; height:35px;background-size:175px 35px !important; background:url('/box/box_news/article_emoji.png') no-repeat}
.article-emoji > button > .av-ico.emoji-good{background-position:0 0}
.article-emoji > button > .av-ico.emoji-warm{background-position:-35px 0}
.article-emoji > button > .av-ico.emoji-sad{background-position:-70px 0}
.article-emoji > button > .av-ico.emoji-angry{background-position:-105px 0}
.article-emoji > button > .arcv-num{margin-top:5px; font-size:16px; font-weight:600}