/*	기사면 */
#articleView {background-color:#fff}
#articleView #font-msg{ display:none; position:fixed; z-index:101000; font-size:14px; width:60%; left:20%; background-color:#111; color:#fff; bottom:50px;  text-align:center; padding:20px 7px; opacity:.7;}
#articleHeader{position:relative; padding:10px; border-bottom:1px solid #f2f2f2;}
#articleHeader h1{font-size:1.5em; color:#252628; line-height:1.3em; margin-top:10px; font-weight:normal;}

#articleHeader p.date{font-size:.8em; color:#9a9b9e; margin:0; margin-top:7px;}
#articleHeader .navigation{color:#222}
#articleHeader .navigation i{margin:0 5px;}
#articleHeader .navigation span{font-size:.9em;}

/* font */
#articleHeader p {margin:0; margin-top:10px;}
#articleHeader p.font {float:right; border:1px solid #bbb; border-radius:3px;}
#articleHeader p.font button {position:relative; float:left; width:40px; height:32px; margin:0; background:none;}
#articleHeader p.font button#fontMinus {border-right:1px solid #ddd; border-radius:0px;}
#articleHeader p.font button i {position:absolute; display:block; overflow:hidden; left:50%; top:50%; text-indent:-5000px; background:url(../_img/mobile_design.png) no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px; z-index:66;}

/* font size */
#articleHeader p.font button#fontMinus i {width:18px; height:11px; margin-top:-6px; margin-left:-9px; background-position:-60px -70px;}
#articleHeader p.font button#fontPlus i {width:23px; height:14px; margin-top:-7px; margin-left:-11px; background-position:-90px -70px;}
#articleHeader p.font button#fontMinus i.endSize {background-position:0px -70px;}
#articleHeader p.font button#fontPlus i.endSize {background-position:-30px -70px;}

/* article body */
#articleBody {position:relative; margin:0; padding:10px; line-height:1.6em; font-size:1.1em; background-color:#fff; color:#333;}
#articleBody h2{font-size:1em; color:#7c7c7c; line-height:1.4em; margin:0;margin:10px 0 ;font-weight:normal}
#articleBody .copy{text-align:left;margin-top:10px}
#articleBody .writer{text-align:left;margin-top:10px}
#articleBody > .body{overflow:hidden}
#articleBody > .body *{font-size:1em !important; font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; color:#333 !important}
#articleBody > .body strong{font-weight:bold}
#articleBody > .body a{text-decoration:underline; color:blue !important; font-weight:bold;}
#articleBody > .body .view_r_caption {margin:0; padding:0 10px; color:#666 !important; font-size:14px !important; line-height:1.6em; max-width:320px}
#articleBody > .body div, #articleBody > .body iframe, #articleBody > .body object, #articleBody > .body embed, #articleBody > .body table, #articleBody > .body tr, #articleBody > .body td, #articleBody > .body img{
	margin:0 auto !important; width:auto !important; height:auto !important;
}
#articleBody > .body div, #articleBody > .body iframe, #articleBody > .body object, #articleBody > .body embed, #articleBody > .body table, #articleBody > .body tr, #articleBody > .body td, #articleBody > .body img{
	max-width:100% !important; 
}
#articleBody > .body table[align=left], #articleBody > .body table[align=right]{max-width:60% !important; border:1px solid #111; border:10px solid transparent}
#articleBody > .body table img{width:100% !important;}
#articleBody > .vod{padding-bottom:50%; position:relative; margin-bottom:10px}
#articleBody > .vod iframe, #articleBody > .vod object, #articleBody > .vod embed{position:absolute; width:100%; height:100%}

/* sns */
#articleView .sns-group {position:absolute; bottom:10px;}
#articleView .sns-group a.sns-open-btn {display:inline-block; padding:10px; border-radius:3px; border:1px solid #bbb; cursor:pointer}
#articleView .sns-group a.sns-open-btn i.sns-open-icon {display:block; overflow:hidden; width:14px; height:14px; text-indent:-5000px; background:url(../_img/mobile_design.png) -90px 0px no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px;}

/* sns icon */
#articleView #socialFloating {position:fixed; width:260px; height:210px; background-color:#fff; border-radius:7px; left:0; top:0; display:none}
#articleView #socialFloating header {position:relative; height:40px;}
#articleView #socialFloating header h2.sns-title {font-size:1em; font-weight:normal; text-align:center; line-height:27px;}
#articleView #socialFloating header a#closeSocialFloating {cursor:pointer; position:absolute; display:block; overflow:hidden; width:14px; height:14px; text-indent:-5000px; background:url(../_img/mobile_design.png) -150px 0px no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px; right:13px; top:13px; margin-top:-7px;}

#articleView #socialFloating ul.sns-list li {float:left; width:48px; margin-left:13px; margin-bottom:15px; cursor:pointer;}
#articleView #socialFloating ul.sns-list li a i {display:block; overflow:hidden; width:48px; height:47px; background:url(../_img/mobile_snsbtn.png) no-repeat; background-size:210px 155px; -moz-background-size:210px 155px; -webkit-background-size:210px 155px; margin-bottom:5px; text-indent:-5000px;}
#articleView #socialFloating ul.sns-list li a span.text {display:block; text-align:center; color:#777;}

#articleView #socialFloating ul.sns-list li a.facebook i.icon {background-position:0px 0px;}
#articleView #socialFloating ul.sns-list li a.twitter i.icon {background-position:-52px 0px;}
#articleView #socialFloating ul.sns-list li a.google i.icon {background-position:-105px 0px;}
#articleView #socialFloating ul.sns-list li a.kakaotalk i.icon {background-position:-157px 0px;}
#articleView #socialFloating ul.sns-list li a.kakaostory i.icon {background-position:0px -50px;}
#articleView #socialFloating ul.sns-list li a.naver-line i.icon {background-position:-105px -50px;}
#articleView #socialFloating ul.sns-list li a.naver-band i.icon {background-position:-157px -50px;}
#articleView #socialFloating ul.sns-list li a.url i.icon {background-position:-52px -50px;}

#articleView #socialFloating .url-copy{margin:10px; display:none}
#articleView #socialFloating .url-copy p{margin:0; margin-bottom:10px}
#articleView #socialFloating .url-copy textarea{width:100%; height:80px; padding:0; font-size:1.1em; border:1px solid #dedede; background-color:#eee; padding:10px; box-sizing:border-box;}

/* footer sns */
#articleView div.socialContainer{padding:10px}
#articleView div.social {display:inline-block; width:100%; border:1px solid #bbb; border-radius:3px;}
#articleView div.social ul li {position:relative; float:left; width:14.285714%; height:35px; border-left:1px solid #e0e0e0; cursor:pointer;}
#articleView div.social ul li.nonebr {border-left:0px;}
#articleView div.social ul li a {position:absolute; display:block; overflow:hidden; width:25px; height:25px; line-height:300px; top:50%; left:50%; margin-left:-12px; margin-top:-12px; background:url(../_img/mobile_snsbtn.png) no-repeat; background-size:210px 155px; -moz-background-size:210px 155px; -webkit-background-size:210px 155px;}

#articleView div.social ul li a.facebook {background-position:0px -100px;}
#articleView div.social ul li a.twitter {background-position:-28px -100px;}
#articleView div.social ul li a.google {background-position:-56px -100px;}
#articleView div.social ul li a.kakaotalk {background-position:-84px -100px;}
#articleView div.social ul li a.kakaostory {background-position:-112px -100px;}
#articleView div.social ul li a.naver-line {background-position:-140px -100px;}
#articleView div.social ul li a.naver-band {background-position:-168px -100px;}
#articleView div.social ul li a.url {background-position:0px -128px;}


/*기사목록 */
.articleList{position:relative; background-color:#fff}
.articleList > h2{border-top:1px solid #dedede; background-color:#f6f6f6; padding:15px 10px; padding-right:100px;}
.dateController{text-align:center; background-color:#f9f9f9; padding:7px; border-top:1px solid #dedede}
.dateController span{cursor:pointer}
.dateController .left{color:#999}
.dateController .cur{font-size:1.2em; margin:0 7px; font-weight:bold}
.dateController .right{color:#999}


/* 기사보기형태 */
.articleList div.article-viewer {position:absolute; right:10px; top:9px; display:block; height:40px;}
.articleList div.article-viewer ul {display:inline-block; border:1px solid #afb3ba; border-radius:2px;}
.articleList div.article-viewer ul li {position:relative; float:left; width:25px; height:25px; border-left:1px solid #afb3ba; background-color:#fff;}
.articleList div.article-viewer ul li.nonebr {border-left:0px;}
.articleList div.article-viewer ul li i {position:absolute; display:block; overflow:hidden; top:50%; left:50%; margin-top:-6.5px; line-height:300px; background:url(../_img/mobile_design.png) no-repeat; background-size:180px 110px; -moz-background-size:180px 110px; -webkit-background-size:180px 110px;}
.articleList div.article-viewer ul li i.viewtype-list {width:18px; height:13px; margin-left:-9px; background-position:0px -50px;}
.articleList div.article-viewer ul li i.viewtype-summary {width:14px; height:14px; margin-left:-7px; background-position:-30px -50px;}
.articleList div.article-viewer ul li i.viewtype-photo {width:14px; height:14px; margin-left:-7px; background-position:-60px -50px;}

.articleList div.article-viewer ul li.onView {background-color:#afb3ba;}
.articleList div.article-viewer ul li.onView i.viewtype-list {background-position:-90px -50px;}
.articleList div.article-viewer ul li.onView i.viewtype-summary {background-position:-120px -50px;}
.articleList div.article-viewer ul li.onView i.viewtype-photo {background-position:-150px -50px;}

/* 탭 */
.tab_menu{border-top:1px solid #dedede;overflow:hidden;}
.tab_menu li{float:left;width:50%;}
.tab_menu li a{display:block;text-align:center; cursor:pointer; padding:10px 0; border-right:1px solid #dedede; border-bottom:1px solid #dedede;background-color:#eee; }
.tab_menu li a.on{background-color:#fff; border-bottom:0}
.tab_menu li:last-child a{border-right:0}
.tab_content {clear:left; display:none;}
.tab_content.on{display:block}

/* 기사목록 */
.articleListTitle {/*margin-top:10px;*/}
.articleListTitle a{display:block; padding:10px; border-bottom:1px solid #dedede}
.articleListTitle li:last-child a{border-bottom:0;}
.articleListTitle h3{margin:0; line-height:1.6em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:normal;}
.articleListTitle h4{display:none}
.articleListTitle .thumb{display:none}
.articleListTitle .description{overflow:hidden;max-height:6.4em;line-height:1.6em;}
.articleListTitle img{width:100%; max-height:100%;}
.articleListTitle p.summary{ display:none }
.articleListTitle p.info{ display:none}
.articleListTitle .writer{display:none}
.articleListTitle .date{display:none}

.articleListDetail {/*margin-top:10px;*/}
.articleListDetail li a{display:block; padding:15px 10px; border-bottom:1px solid #dedede; overflow:hidden;}
.articleListDetail li:last-child a{border-bottom:0;}
.articleListDetail h3{margin:0; line-height:1.6em; font-weight:normal;}
.articleListDetail h4{display:none; margin:0; line-height:1.6em;font-weight:normal;}
.articleListDetail .thumb{float:left;width:7em; margin-right:7px}
.articleListDetail .description{overflow:hidden;max-height:6.4em;line-height:1.6em;}
.articleListDetail .thumb img{width:100%; max-height:100%;}
.articleListDetail p.summary{ display:none; color:#666; }
.articleListDetail p.info{ margin-top:2px; color:#666;line-height:1.6em}
.articleListDetail .writer{color:#666; margin-right:10px; font-size:.9em}
.articleListDetail .date{color:#666; font-size:.9em}

.articleListImage{background-color:#eee;}
.articleListImage li{width:50%;}
.articleListImage li a{display:block;background-color:#fff; border: 1px solid #dedede;  border-radius:5px; margin:10px;}
.articleListImage h3{margin:0; line-height:1.6em; font-weight:normal;}
.articleListImage h4{display:none; margin:0; line-height:1.6em;font-weight:normal;}
.articleListImage .thumb{}
.articleListImage .description{overflow:hidden;max-height:6.4em;line-height:1.6em; margin:7px}
.articleListImage .thumb img{width:100%; max-height:100%; border-radius:5px 5px 0 0; }
.articleListImage p.summary{ color:#666; display:none;}
.articleListImage p.info{ margin-top:5px; color:#666;line-height:1.6em;}
.articleListImage .writer{display:block; color:#666; margin-right:10px; font-size:.9em}
.articleListImage .date{display:none; color:#666; font-size:.9em}

/* 게시판 목록 */ 
.bbs h1{background-color:#f6f6f6; padding:10px; border-bottom:1px solid #dedede;}
.bbs .bbsViewHeader{border-bottom:1px solid #dedede; padding:25px 10px; padding-bottom:10px;}
.bbs .bbsViewHeader span{color:#666; margin-right:7px}
.bbs .bbsViewBody{border-bottom:1px solid #dedede; line-height:1.6em; padding:10px;}
.bbs .bbsViewBody .file{text-align:center; padding:0; margin:0;}
.bbs .bbsViewBody img{max-width:100%}
.bbs .bbsViewBody iframe{max-width:100%}
.bbs .bbsViewBody embed{max-width:100%}
.bbs .bbsViewFooter h3{margin:7px; font-weight:normal; background:url('../_img/reply_1.gif') no-repeat 0 50%; padding-left:15px;}
.bbs .bbsListHeader{padding:10px; border-bottom:1px solid #dedede;}			
.bbs .button{text-align:right}
.bbs .fBlock{float:left; margin:0; margin-right:10px; margin-bottom:5px; line-height:1.8em; height:1.8em}	

.bbs .bbsList {margin:0;}
.bbs .bbsList a{display:block;}
.bbs .bbsList li{padding:10px;border-bottom:1px solid #dedede;}
.bbs .bbsList li.notice{background-color:#f2f2f2}
.bbs .bbsList li:last-child{margin-bottom:0;border-bottom:0}
.bbs .bbsList li:after{content: "";clear:both;width:100%;display:block;}
.bbs .bbsList h3{margin:0; line-height:1.6em;}
.bbs .bbsList .thumb{float:left;width:7em; height:4.8em;margin-right:7px}
.bbs .bbsList .description{overflow:hidden;max-height:4.8em;line-height:1.6em;}
.bbs .bbsList img{width:100%; height:4.8em;}
.bbs .bbsList p.summary{ color:#666; }
.bbs .bbsList p.info{ margin-top:2px; color:#666;line-height:1.6em}
.bbs .bbsList .writer{margin-right:10px; font-size:.9em}
.bbs .bbsList .date{font-size:.9em}

.bbs .replyList{font-size:.9em; margin:0; margin-top:10px;border-bottom:1px solid #dedede;}
.bbs .replyList li {padding:0 10px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dedede}
.bbs .replyList li:last-child { border-bottom:0; margin-bottom:0;}
.bbs .replyList li .replyBody{margin-top:7px}
.bbs .replyList li a{color:#444}
.bbs .replyList li a strong{color:#111; margin-right:7px; }
.bbs .replyList li a span{margin-left:7px; font-size:.8em}

/* 가변폭 폼 */ 
.default_form {margin:0;}
.default_form h2{margin:0; background-color:#f6f6f6; padding:10px; font-weight:bold}
.default_form ul.content{padding:0;margin:0; font-size:.9em; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.default_form ul.content li{padding:5px; margin:5px 0; border-bottom:1px solid #dedede; }
.default_form ul.content li:last-child{border-bottom:0;}	 
.default_form input[type='text'], .default_form input[type='password']{width:90%;border:1px solid #dedede; height:1.6em;}
.default_form select{width:90%; }
.default_form textarea{width:90%; border:1px solid #dedede;}
.default_form .confirm{border:0px solid #111; text-align:center; margin:20px 0}
.default_form .confirm a{cursor:pointer; margin:0; padding:5px; border:1px solid #ddd; width:50px; background-color:#f3f3f3}
.default_form .col1 { display:inline-block;width:25%; font-weight:bold; vertical-align:top; padding:7px;border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
.default_form .col2 { display:inline-block;width:75%; vertical-align:top; padding-left:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
.default_form .tip {font-size:.8em; color:#666}
.default_form .tip li{border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px}
.default_form .tip li:last-child{border-bottom:0; padding-bottom:0;margin-bottom:0;}	 
.default_form .i_fix{width:50px}
		

/* 박스 스타일 */
.contentBox{}
.contentBox.bgBox1{background-color:#f6f6f6;}
.contentBox.bgBox2{background-color:#fff; border-top:1px solid #dedede;}
.contentBox.bgBox3{background-color:#fff;border:1px solid #d0d1d2;}
.contentBox.bgBox4{background-color:#fff;}
.contentBox.bgBox5{background-color:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
.contentBox.bgBox6{background-color:#fff; /*padding:10px*/}
.contentBox.bgBox6 > .content{background-color:#f1f1f1; border:1px solid #bcbcbb; /*padding:0 7px*/}
.contentBox > h2{padding:7px;}
.contentBox h2.bgTitle1{border-bottom:1px solid #dedede; background-color:#f2f2f2}
.contentBox h2.bgTitle2{border-top:1px solid #dedede; background-color:#f6f6f6; padding:7px;}
.contentBox h2.hiddenTitle{height:0; line-height:0; padding:0; text-indent:-10000px}
.contentBox > p{}

.paging{text-align:center;padding:0 0 30px 0}
.paging strong{color:#0088ce !important;background-color:#f4f4f4}
.paging a.num,
.paging strong{padding:0 12px;margin-right:1px;display:inline-block;height:28px;border:1px solid #dedede;vertical-align:top;color:#666;line-height:26px}