/****************************************************************************************************
Note : 자동박스 공용 스타일
Name : 김종화
Date : 2011.03.16
****************************************************************************************************/

a.FtVisted:visited {color:#526f8d;}
a.OnLoad:hover {color:#d3231a; text-decoration:underline;}
a.OffLoad:hover {color:#66676c; text-decoration:none;}

.pointer {cursor:pointer;}

/* layout */
.border-box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.dis-block {display:block;}
.dis-inblock {display:inline-block;}


/****************************************************************************************************
Note : 자동박스 스타일
Name : 김종화
Date : 2011.03.16
****************************************************************************************************/
/* 공통 */
.ArticleNew, .ArticleNew h1, .ArticleNew h2, .ArticleNew h3, .ArticleNew h4, .ArticleNew h5, .ArticleNew h6, .ArticleNew img, .ArticleNew span, .ArticleNew strong, .ArticleNew li,
.ArcNewTitle, .ArcNewNameL, .ArcNewNameR, .ArcNewDate, .LnNewDot, .LnNewDot-View, .LnNewSol, LnNewDash, .TabHotNew .num 
{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.ArticleNew h1, .ArticleNew h2, .ArticleNew h3, .ArticleNew h4, .ArticleNew h5, .ArticleNew h6, .ArticleNew li, .ArcNewTitle, .ArcNewNameL, .ArcNewNameR, .ArcNewDate, .TabHotNew .num 
{display:block; overflow:hidden;}

.ArticleNew h1 {margin-bottom:8px; height:26px; font-family:'Malgun Gothic', 'Nanum Gothic', 'Dotum'; font-size:20px; word-spacing:-1px; line-height:140%;}
.BollNew h1 {padding-left:10px; background:url("/box/box_news/Box_Boll.gif") no-repeat -10px 0;}

.ArticleNew h2 {margin-bottom:4px; height:22px; font-family:Dotum; font-size:16px; letter-spacing:-1px; line-height:140%;}
.BollNew h2 {padding-left:10px; background:url("/box/box_news/Box_Boll.gif") no-repeat -10px 0;}

.ArticleNew h3 {margin-bottom:4px; height:18px; font-family:Dotum; font-size:14px; letter-spacing:-1px; line-height:140%;}
.BollNew h3 {padding-left:10px; background:url("/box/box_news/Box_Boll.gif") no-repeat -10px -3px;}

.ArticleNew h4 {margin-bottom:4px; height:18px; font-family:Dotum; font-size:12px; line-height:160%;}
.BollNew h4 {padding-left:10px; background:url("/box/box_news/Box_Boll.gif") no-repeat -10px 0;}

.ArticleNew h5 {margin-bottom:4px; height:18px; font-family:Dotum; font-size:12px; font-weight:normal; line-height:150%;}
.BollNew h5 {padding-left:10px; background:url("/box/box_news/Box_Boll.gif") no-repeat -10px -3px;}

.ArticleNew h6 {color:#000000; margin-bottom:4px; letter-spacing:-2px;}

.ArticleNew {float:left; width:100%; display:block; text-align:left;}
.ArticleNew img {border:1px solid #ddd;}
.ArticleNew img.nobr {border:0px;}
.ArticleNew span {display:block;  font-family:Dotum; font-size:12px; font-weight:normal; line-height:18px; word-spacing:-1px;}
.ArticleNew strong {display:block; font-family:Dotum; font-size:12px; letter-spacing:-1px; word-spacing:-1px; line-height:18px;}

.ArtLiheiLarg {line-height:35px;}
.ArtLiheiBig {line-height:30px;}
.ArtLiheiSm {line-height:25px;}
.ArtLiheiSSm {line-height:20px;}

.FtNewBLarg {margin-bottom:25px;}
.FtNewSLarg {margin-bottom:20px;}
.FtNewLarg {margin-bottom:15px;}
.FtNewBig {margin-bottom:10px;}
.FtNewSm {margin-bottom:5px;}

.LiNewLarg {width:100%; margin-bottom:15px;}
.LiNewBig {width:100%; margin-bottom:10px;}
.LiNewSBig {width:100%; margin-bottom:7px;}
.LiNewSm {width:100%; margin-bottom:5px;}
.LiNewNot {width:100%; margin-bottom:0;}

.LnNewDot {display:block; overflow:hidden; width:100%; height:20px; border-top:1px dotted #d0d0d0;}
.LnNewDash {display:block; overflow:hidden; width:100%; height:20px; border-top:1px dashed #d0d0d0;}
.LnNewDot-View {display:block; overflow:hidden; width:100%; height:25px; border-top:1px dotted #d0d0d0;}
.LnNewSol {display:block; overflow:hidden; width:100%; height:15px; border-top:1px solid #e7e7e7;}

.ArcNewTitle {float:left; width:80%; color:#333;}
.ArcNewNameL { color:#909090; font-family:'Dotum'; font-size:11px; letter-spacing:-1px;}
.ArcNewNameR {float:right; color:#909090; font-family:'Dotum'; font-size:11px; letter-spacing:-1px; padding-right:1px; _padding-right:0;}
.ArcNewDate {float:right; font-family:'Verdana';  color:#909090; font-size:11px;}

.FtFamMal {font-family:'Malgun Gothic';}
.FtFamNaGot {font-family:'Malgun Gothic', 'Nanum Gothic';}
.FtFamHdNaGot {font-family:'Malgun Gothic', 'Nanum GothicB', 'Nanum Gothic'; /* Nanum GothicB 사용시 font-weight:normal;*/}
.FtFamNaMye {font-family:'Nanum Myeongjo', 'Malgun Gothic';}
.FtFamHdNaMye {font-family:'Nanum MyeongjoB', 'Nanum Myeongjo', 'Malgun Gothic'; /* Nanum GothicB 사용시 font-weight:normal;*/}
.FtFamDotum {font-family:'Dotum';}
.FtFamGulim {font-family:'Gulim';}

.FtSizeBLarg {font-size:27px; height:32px; line-height:30px; letter-spacing:-2px;}
.FtSizeLarg {font-size:25px; height:30px; line-height:28px; letter-spacing:-1px;}
.FtSizeBig {font-size:23px; height:28px; line-height:26px; letter-spacing:-1px;}
.FtSizeNor {font-size:21px; height:26px; line-height:24px; letter-spacing:-1px;}
.FtSizeSm {font-size:19px; height:24px; line-height:22px; letter-spacing:-1px;}


/****************************************************************************************************
Note : 박스사진 스타일
Name : 정인규
Date : 2013.07.08
****************************************************************************************************/

/* 가로사이즈 */
.ImgWidth_typeA {width:53px;}
.ImgWidth_typeB {width:60px;}
.ImgWidth_typeC {width:80px;}
.ImgWidth_typeD {width:90px;}
.ImgWidth_typeE {width:100px;}
.ImgWidth_typeF {width:110px;}
.ImgWidth_typeG {width:120px;}
.ImgWidth_typeH {width:130px;}
.ImgWidth_typeI {width:150px;}
.ImgWidth_typeJ {width:190px;}
.ImgWidth_typeK {width:210px;}
.ImgWidth_typeL {width:230px;}
.ImgWidth_typeN {width:270px;}
.ImgWidth_typeM {width:300px;}
.ImgWidth_typeO {width:315px;}
.ImgWidth_typeP {width:400px;}
.ImgWidth_typeQ {width:430px;}
.ImgWidth_Full {width:100%;}
.ImgWidth_typeZ {width:80px;}


/* 가로사이즈-단사이즈 */
.ImgWidth_MaxFullA {width:160px;}
.ImgWidth_MaxFullB {width:180px;}
.ImgWidth_MaxFullC {width:250px;}
.ImgWidth_MaxFullD {width:330px;}
.ImgWidth_MaxFullE {width:360px;}
.ImgWidth_MaxFullF {width:390px;}
.ImgWidth_MaxFullG {width:420px;}
.ImgWidth_MaxFullH {width:450px;}
.ImgWidth_MaxFullI {width:525px;}
.ImgWidth_MaxFullJ {width:560px;}
.ImgWidth_MaxFullK {width:675px;}
.ImgWidth_MaxFullL {width:690px;}
.ImgWidth_MaxFullN {width:960px;}


/* 세로사이즈 */
.ImgHeight_typeA {height:37px;}
.ImgHeight_typeB {height:40px;}
.ImgHeight_typeC {height:53px;}
.ImgHeight_typeD {height:60px;}
.ImgHeight_typeE {height:65px;}
.ImgHeight_typeF {height:70px;}
.ImgHeight_typeG {height:75px;}
.ImgHeight_typeH {height:80px;}
.ImgHeight_typeI {height:85px;}
.ImgHeight_typeJ {height:90px;}
.ImgHeight_typeK {height:100px;}
.ImgHeight_typeL {height:120px;}
.ImgHeight_typeN {height:125px;}
.ImgHeight_typeM {height:140px;}
.ImgHeight_typeO {height:145px;}
.ImgHeight_typeP {height:155px;}
.ImgHeight_typeQ {height:165px;}
.ImgHeight_typeR {height:180px;}
.ImgHeight_typeS {height:200px;}
.ImgHeight_typeT {height:210px;}
.ImgHeight_typeU {height:270px;}
.ImgHeight_typeV {height:295px;}
.ImgHeight_typeW {height:245px;}
.ImgHeight_typeZ {height:95px;}


/* 특이사이즈-가로 */
.ImgWidth_transA {width:200px;}
.ImgWidth_transB {width:170px;}
.ImgWidth_transC {width:215px;}
.ImgWidth_transD {width:140px;}
.ImgWidth_transE {width:248px;}
.ImgWidth_transF {width:220px;}
.ImgWidth_transG {width:75px;}
.ImgWidth_transH {width:40px;}
.ImgWidth_transI {width:480px;}
.ImgWidth_transJ {width:240px;}
.ImgWidth_transK {width:600px;}
.ImgWidth_transL {width:228px;}


/* 특이사이즈-세로 */
.ImgHeight_transA {height:285px;}
.ImgHeight_transB {height:115px;}
.ImgHeight_transC {height:50px;}
.ImgHeight_transD {height:27px;}
.ImgHeight_transE {height:320px; cursor:pointer;}
.ImgHeight_transF {height:160px; cursor:pointer;}
.ImgHeight_transG {height:400px;}
.ImgHeight_transH {height:133px;}
.ImgHeight_transW {height:245px;}
.ImgHeight_transX {height:105px;}


/****************************************************************************************************
Note : 텍스트 스타일
Name : 정인규
Date : 2013.07.08
****************************************************************************************************/

/* 텍스트 색상 설정 */
.FtColor_typeA {color:#383838;}
.FtColor_typeB {color:#777777;}
.FtColor_typeC {color:#66676c;}
.FtColor_typeD {color:#006f97;}
.FtColor_typeE {color:#404040;}
.FtColor_typeF {color:#ffffff;}
.FtColor_typeG {color:#344289;}
.FtColor_typeH {color:#242961;}
.FtColor_typeI {color:#496579;}


/****************************************************************************************************
Note : 인기기사 스타일
Name : 정인규
Date : 2013.07.08
****************************************************************************************************/

/* 배경 인기 심볼스타일-기본숫자형 */
.TabHotNewB .num {float:left; width:10px; height:18px; line-height:19px; margin-right:10px; _margin-right:5px; text-align:center; letter-spacing:-2px; font-family:'Tahoma','Trebuchet MS'; color:#90929c; font-size:13px; font-weight:bold;}
.TabHotNewB .Hred {color:#e72916;}
.TabHotNewB .Hgreen {color:#51bb63;}
.TabHotNewB .Hblue {color:#3397bc;}
.TabHotNewB .Horang {color:#f0893e;}
.TabHotNewB .Hblack {color:#202020;}

/* 큰이미지 숫자 인기 심볼스타일 */
.TabHotNewC {height:34px; position:relative;}
.TabHotNewC .HotBtLine {position:absolute; left:0; bottom:0; background:#ededed; width:100%; height:3px; display:block; overflow:hidden; z-index:99;}

.TabHotNewC .gray {float:left; margin-right:5px; width:34px; height:38px; text-indent:-5000px; display:block; overflow:hidden; background-repeat:no-repeat; background-image:url("/box/box_news/Rank_NumBig_gray.png");}
.TabHotNewC .litebule {float:left; margin-right:5px; width:34px; height:34px; text-indent:-5000px; display:block; overflow:hidden; background-repeat:no-repeat; background-image:url("/box/box_news/Rank_NumBig_blue.png");}
.TabHotNewC .org {float:left; margin-right:5px; width:34px; height:34px; text-indent:-5000px; display:block; overflow:hidden; background-repeat:no-repeat; background-image:url("/box/box_news/Rank_NumBig_org.png");}
.TabHotNewC .litegreen {float:left; margin-right:5px; width:34px; height:34px; text-indent:-5000px; display:block; overflow:hidden; background-repeat:no-repeat; background-image:url("/box/box_news/Rank_NumBig_green.png");}

.TabHotNewC .blueBg {display:block; background-color:#bfd8ef;}
.TabHotNewC .orgBg {display:block; background-color:#eed1a4;}
.TabHotNewC .greenBg {display:block; background-color:#a4eed1;}

.TabHotNewC .num1 {background-position:0px 0px;}
.TabHotNewC .num2 {background-position:0px -47px;}
.TabHotNewC .num3 {background-position:0px -95px;}
.TabHotNewC .num4 {background-position:0px -143px;}
.TabHotNewC .num5 {background-position:0px -192px;}
.TabHotNewC .num6 {background-position:0px -237px;}
.TabHotNewC .num7 {background-position:0px -288px;}
.TabHotNewC .num8 {background-position:0px -336px;}
.TabHotNewC .num9 {background-position:0px -384px;}
.TabHotNewC .num10 {background-position:0px -432px;}


/* 작은이미지 숫자 인기 심볼스타일 */
.TabHotNewD {padding-left:20px; position:relative;}
.TabHotNewD .SmHotRed {background-image:url(/box/box_news/Rank_NumSm_red.png); background-repeat:no-repeat; position:absolute; text-indent:-5000px; display:block; overflow:hidden; width:13px; height:13px; left:0; top:3px; z-index:99;}
.TabHotNewD .SmHotBule {background-image:url(/box/box_news/Rank_NumSm_red.png); background-repeat:no-repeat; position:absolute; text-indent:-5000px; display:block; overflow:hidden; width:13px; height:13px; left:0; top:3px; z-index:99;}
.TabHotNewD .SmHotGreen {background-image:url(/box/box_news/Rank_NumSm_red.png); background-repeat:no-repeat; position:absolute; text-indent:-5000px; display:block; overflow:hidden; width:13px; height:13px; left:0; top:3px; z-index:99;}
.TabHotNewD .SmHotOrg {background-image:url(/box/box_news/Rank_NumSm_red.png); background-repeat:no-repeat; position:absolute; text-indent:-5000px; display:block; overflow:hidden; width:13px; height:13px; left:0; top:3px; z-index:99;}

.TabHotNewD .num1 {background-position:0px 0px;}
.TabHotNewD .num2 {background-position:0px -30px;}
.TabHotNewD .num3 {background-position:0px -60px;}
.TabHotNewD .num4 {background-position:0px -90px;}
.TabHotNewD .num5 {background-position:0px -120px;}
.TabHotNewD .num6 {background-position:0px -150px;}
.TabHotNewD .num7 {background-position:0px -180px;}
.TabHotNewD .num8 {background-position:0px -210px;}
.TabHotNewD .num9 {background-position:0px -240px;}
.TabHotNewD .num10 {background-position:0px -270px;}


/* 숫자 인기 심볼스타일 */
.TabHotNew .black {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -53px;}
.TabHotNew .red {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -96px;}
.TabHotNew .orang {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -139px;}
.TabHotNew .blue {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -180px; background-position:-10px -182px\9; border:0px;}
.TabHotNew .bg {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -225px;}
.TabHotNew .green {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -268px;}
.TabHotNew {background:url("/box/box_news/TapBox_Hot.gif") no-repeat -10px -8px; background-position:-10px -10px\9;}
.TabHotNew .num {float:left; margin-right:6px; width:13px; height:16px; font-size:9px; font-family:Tahoma; color:#fff; /*letter-spacing:-2px;*/ text-align:center; line-height:160%; line-height:150%\0; font-style:normal;}


/****************************************************************************************************
Note : 250박스 스타일
Name : 정인규
Date : 2013.07.08
****************************************************************************************************/

/* 250아이콘 */
.typePIcon {display:block; overflow:hidden; position:absolute; right:0; top:141px; cursor:pointer; width:29px; height:30px; text-indent:-5000px; background:url(/box/box_news/autobox_new_c17.png) left -244px repeat;}
.newsMore_Btn {width:40px; height:8px; text-indent:-5000px; margin:10px 0 0 4px; cursor:pointer; display:block; overflow:hidden; background:url(/box/box_news/autobox_new_c17.png) -161px -59px no-repeat;}
.newsDate {float:left; font-family:Dotum; font-size:11px; margin-top:18px; color:#9a9a9a;}
.newsDate em {font-family:Dotum; color:#66676c; font-style:normal;}

/* 인기기사 롤박스 */
.rollBox {display:block; overflow:hidden; position:relative; border:1px solid #dedede; height:35px; background:#f8f8f8; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.rollInBoxA {display:block; overflow:hidden; height:auto;}
.rollBox2 {position:absolute; display:none; margin-top:-35px; padding:0px 10px; overflow:hidden; height:auto; background-color:#fff; z-index:9999; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; border:2px solid #ededed}
.rollInBox{vertical-align:middle}

/* 675아이콘 */
.mostPop {float:left; display:block; overflow:visible; position:relative;}
.mostPopSecBox {position:absolute; right:-1px; top:117px; height:29px; padding-left:10px; background:url(/box/box_news/autobox_new_c17.png) left -194px repeat; z-index:99;}
.mostPopSecBox a {display:block; font-family:'Malgun Gothic', 'Nanum GothicB'; padding-right:10px; line-height:23px; padding-bottom:6px; background:url(/box/box_news/autobox_new_c17.png) right -194px repeat; color:#fff;}

.HonNonView {background:url(/box/box_news/h16_icon2.gif) 17px bottom no-repeat;} 
.HonView {background:url(/box/box_news/h16_icon.gif) no-repeat;} 
.HonView span {font-weight:bold; letter-spacing:-1px;}

.CSBoxNone {border:2px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.CSBoxView {border:2px solid #c00; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/* 이미지 없을경우 */
.noImage-box {display:inline-block; overflow:hidden; background-color:#fff; border:1px solid #d0d0d0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; color:#aaa; font-family:Tahoma; letter-spacing:0; cursor:pointer;}


/* 박스나열 */
#tile_list_transform, #tile_list_transform .targets, #tile_list_transform .targets-inner, .targets-more {display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#tile_list_transform {width:100%; position:relative;}
#tile_list_transform .targets {width:210px; margin:0 7.5px 10px 7.5px; text-align:center; border:1px solid #ddd; background:#f8f8f8; padding:10px 0; border-radius:3px; box-shadow:3px 3px #eee; display:none;}
#tile_list_transform .targets:hover {border:1px solid #aaa; background:#fff;}
#tile_list_transform .targets-inner {width:190px; margin:0 auto; text-align:left;}
#tile_list_transform .targets-inner h3, #tile_list_transform .targets-inner span {font-family:Dotum; letter-spacing:-1px;}
#tile_list_transform .targets-inner h3 {font-size:14px; margin-bottom:5px;}
#tile_list_transform .targets-inner span {font-size:12px; line-height:140%;}
.targets-more {clear:both; display:block; height:30px; line-height:30px; text-align:center; border:1px solid #ddd; background-color:#f8f8f8; letter-spacing:-1px; font-weight:bold; cursor:pointer;}
.targets-more:hover {text-decoration:underline; color:#c00;}


/* 960사이즈 */
.spSecTit {height:20px; line-height:20px; font-size:12px; letter-spacing:-1px; font-weight:bold; font-style:normal; color:#ffe980;}
.spSubSecTit {height:20px; line-height:20px; font-family:Dotum; font-size:11px; letter-spacing:-1px; font-style:normal; color:#ffe980;}
.spSecTopBg {position:absolute; width:100%; left:0px; bottom:0px; z-index:88; background:url(/box/box_news/TotalBox_bg.png) left bottom repeat-x; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px;}


/* 250 세로탭 */
.TabHeight {border:1px solid #dfdfdf; cursor:pointer; display:block; overflow:hidden; width:100%; height:30px; line-height:30px; padding-left:10px; background:#f8f8f8; color:#375a7b; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.TabHeiCursor {float:right; display:block; overflow:hidden; width:38px; height:28px; line-height:300px; background:#fff url(/box/box_news/c49_icon.gif) 13px 11px no-repeat; border-left:1px solid #dfdfdf;}
.CurSorOn {background-position:13px -32px;}
.AccPanelMore {float:right; margin:7px 0; border:0px; width:82px; height:20px; line-height:300px; display:block; overflow:hidden;  background:url(/box/box_news/c49_icon_more.gif) no-repeat;}
.AccPanelMore a {display:block;}

/****************************************************************************************************
Note : 포토박스 스타일
Name : 정인규
Date : 2013.07.08
****************************************************************************************************/
.PhotoBoxArrow {position:absolute; line-height:500px; cursor:pointer; display:block; overflow:hidden; z-index:99; background:none; border:0; background-image:url(/box/box_news/photoBox_arrow.png); background-repeat:no-repeat;}
.PhotoBoxtitle {position:absolute; width:100%; bottom:0px; z-index:88; background:url(/box/box_news/photoBox_Lowbg.png) repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px;}
.BoxSecTitle {width:100%; display:block; height:35px; line-height:35px; font-size:12px; font-weight:bold; color:#38388; text-align:left; letter-spacing:-1px;}
.BoxSecTitle a {color:#383838;}

.PhotoDnIcon {width:250px; margin:8px 0 15px 0; text-align:center; cursor:default;}
.PhotoDnIcon li {float:left; width:6px; height:6px; line-height:300px; cursor:pointer; background:url(/box/box_news/photoBox_arrow.png) -11px -200px no-repeat; display:block; overflow:hidden; margin-left:5px;}
.PhotoDnIcon li.onView {background:url(/box/box_news/photoBox_arrow.png) left -200px no-repeat;}

.PhotoNewLabel {position:absolute; display:block; overflow:hidden; width:90px; height:90px; text-indent:-5000px; background:url(/box/box_news/h26_icon.png) -1px -1px no-repeat;}


/****************************************************************************************************
Note : 헤드라인 스타일
Name : 정인규
Date : 2013.07.08
****************************************************************************************************/
.HeadPointer {display:block; overflow:hidden; width:53px; height:37px; top:165px; right:0px; position:absolute; z-index:99; cursor:pointer;}


/****************************************************************************************************
Note : 템플릿박스 스타일
Name : 김종화
Date : 2011.03.16
****************************************************************************************************/
/* 타이틀 버튼 */
a.BtnMoreNew {display:block; color:#2f2f2f; text-decoration:none; background:url("/image2006/Btn_More.gif") no-repeat right center;}
a:hover.BtnMoreNew {color:#101010; text-decoration:none;}

a.BtnLinkNew {display:block; color:#303030; text-decoration:none;}
a:hover.BtnLinkNew {color:#101010; text-decoration:underline;}


/****************************************************************************************************
Note : 박스모음 
Name : 정인규
Date : 2013.07.03
****************************************************************************************************/
/* 675박스공통 */
.boxWidthForm {display:block; width:690px; background:#fff; padding-right:15px; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* 박스타이틀 */
.boxTitleNormal {font-family:Verdana, Gulim; font-size:12px; letter-spacing:-1px; color:#4b4b4b;}
.boxTitleBold {font-family:Verdana, Gulim; font-size:12px; letter-spacing:-1px; font-weight:bold; color:#4b4b4b;}
.boxTitleBig {font-family:Dotum; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#4b4b4b;}
.boxTitleGrade {background:url(/box/box_auto/BoxBg_01.gif) repeat-x left bottom; border-bottom:1px solid #d0d0d0; padding:0 10px;}
.boxPad {padding:10px;}
.boxWidthPad {padding:0 10px;}
.boxHeightPad {display:block; height:30px;}
.box-icon {padding-left:18px; background:url(/box/box_news/box_title_icon.png) 0px center no-repeat; background-position:0px 2px\0;}

/* 하단여백 */
.boxFootSm {margin-bottom:10px;}
.boxFootBig {margin-bottom:20px;}
.boxFootLarg {margin-bottom:30px;}

/* 내용상단여백 */
.boxConTopSm {padding-top:10px;}
.boxConTopBig {padding-top:15px;}
.boxConTopLarg {padding-top:20px;}

/* 내용하단여백 */
.boxConBtSm {padding-bottom:10px;}
.boxConBtBig {padding-bottom:20px;}
.boxConBtLarg {padding-bottom:30px;}

.boxPosition {position:relative;}

/* 내용여백 */
.boxConSm {padding:10px;}
.boxConBig {padding:15px;}
.boxConWidSm {padding:0 5px;}
.boxConWidBig {padding:0 10px;}

/* 하단라인 */
.boxFootDot {border-bottom:1px dotted #d0d0d0;}
.boxFootSol {border-bottom:1px solid #e7e7e7;}
.boxFootDash {border-bottom:1px dashed #c6c6c6;}

/* 박스종류별 */
.boxLineSol {border:1px solid #ddd;}
.boxBigLineSol {border:5px solid #d3d3d3;}
.boxRauSol {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #e3e3e3; background:#f8f8f8;}
.boxGraySol {border:1px solid #ddd; background:#f8f8f8;}
.boxDarkGraySol {border:2px solid #707070; background:#f8f8f8;}
.boxGray {background:#f4f4f4;}


/****************************************************************************************************
Note : 신규 자동박스 스타일 
Name : 김지수
Date : 2017.01.03
****************************************************************************************************/
/* 필수요소정의 */
.border-box {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box}
.dis-block {display:block}
.dis-inblock {display:inline-block}

.float-left {float:left}
.float-right {float:right}

.flow-hide {overflow:hidden}
.flow-visible {overflow:visible}

.posi-re {position:relative}
.posi-ab {position:absolute}

/* common */
.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:19px;letter-spacing:-0.04em}
.auto-article .size-14 {font-size:14px;line-height:20px;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-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-30 {overflow:hidden;height:36px;font-size:30px;line-height:36px;letter-spacing:-0.08em}

/* 이미지설정 */
.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-article a:hover {text-decoration:none}
.auto-article a.OnLoad:hover {color:#d3231a;text-decoration:underline}

/* 텍스트 색상 설정 */
.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}

/* 포토박스 스타일 */
.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}

/* ha02 */
.auto-ha02 {position:relative;font-family:'Malgun Gothic';text-align:left}
.auto-ha02 .box-title {font-family:'Nanum Gothic';font-weight:700;letter-spacing:-0.06em}
.auto-ha02 .box-title span {color:#ec008c}

.auto-ha02 .btn-box {position:absolute;display:block;overflow:hidden;top:50%;margin-top:-27.5px;width:45px;height:50px;text-indent:-5000px;background:url(/box/box_news/headLine_Btn.png) no-repeat;z-index:55}
.auto-ha02 .btn-prev {left:0;background-position:left top}
.auto-ha02 .btn-next {left:345px;background-position:right top}
.auto-ha02 .btn-prev:hover {background-position:left -53px}
.auto-ha02 .btn-next:hover {background-position:right -53px}

.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}