@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


body {
	font-family:"Nanum BarunGothic", "나눔바른고딕", Dotum, "돋움";
	color:#4d4b45;
	font-size:12px;
}


.clearfix { font-size:1px !important; font-size:0px !important; line-height:1px !important; line-height:0px !important; clear:both !important; display:block !important; width:100% !important; height:1px !important; height:0px !important; margin:0px !important; padding:0px !important; }

.ellipsis {
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

 .ellipsis_2row {
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	word-wrap:break-word; 
}

 .ellipsis_3row {
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical; 
	word-wrap:break-word; 
}

.ellipsis {
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis_2row {
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	word-wrap:break-word; 
}

.ellipsis_3row {
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical; 
	word-wrap:break-word; 
}

#tistorytoolbarid { z-index:1000 !important; display:none; }
#ttLinkEditMode { z-index:1000 !important; }
.tt-post-summary, .tt-post-title {display:block !important; }
body.tistory_grid_1050 div#ttCanvas { width:100% !important; }
body.tistory_grid_1050 div#ttCanvas .tt-span-12 { width:100%; float:none; padding:0px; }
div#ttCanvas div.tt-panel { padding-top:0px; }
/*#content .content_left { margin-right:0px !important; }
#content { max-width:none !important; padding:0px !important; }*/
div#ttCanvas #ttPanel1283836666 { padding:0px; margin:0px; width:100% !important; }
div#ttCanvas #ttItem8961 { width:100% !important; }
div#ttCanvas .tt-component, div#ttCanvas .tt-item { float:none; }
body.tistory_grid_1050 div#ttCanvas .tt-span-12  { width:100%; float:none; padding:0px; } 
body.tistory_grid_1050 div#ttCanvas { width:100%; } 
div#ttCanvas li { padding-bottom:0px !important; }

#wrap { min-width:300px;  }

#wrap .category_data { display:none !important; }

#gnb_top {display:none; width:48px; height:48px; position:fixed; top:100%; right:5px; margin-top:-53px; z-index:10003; cursor:hand; cursor:pointer }

#gnb { position:fixed; top:0px; height:60px; width:100%; display:none; border-bottom:solid 1px #e5e5e5; text-align:center; padding-top:5px; z-index:9999; background:#fff;  }
#gnb .btn { position:absolute; top:18px; left:10px; cursor:hand; cursor:pointer;}
#gnb .search { position:absolute; top:15px; right:10px;  cursor:hand; cursor:pointer;}
#gnb > a > img { margin-top:5px;}

#gnb_sidemenu { position:fixed; top:0px; width:270px; height:100%; z-index:10001; background:#4d4d4d; display:none; }
#gnb_sidemenu_hide { position:fixed; top:0px;  width:100%; height:100%;  background:#000;display:none; z-index:9999; opacity:0; filter:alpha(opacity=0); }

#gnb_search { position:fixed; top:0px; height:53px; width:100%; padding-top:8px; z-index:10000; background:#fff; display:none; }
#gnb_search_btn {position:fixed; right:10px; top:15px; z-index:10001; display:none;}
#gnb_search .search { /*background:url(./images/gnb_search_box.gif) no-repeat;*/ width:95%;height:100%; float: right; margin-right: 10px;}

.gnb_title { width:100%; height:60px; border-bottom:solid 1px #646464; font-size:18px; font-weight:bold; text-align:center; line-height:60px; background:url(./images/gnb_close.png) no-repeat #4d4d4d 235px center; color:#fff; }
#gnb_sidemenu .mainmenu { line-height:60px; text-align:left; cursor:hand; cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
#gnb_sidemenu .mainmenu > div > ul > li {display:block;  border-bottom:solid 1px #646464; position: relative;}
#gnb_sidemenu .mainmenu > div > ul > li > a { color:#fff; display:block;  font-size:15px; display:block; padding-left:20px; background:url(./images/icon_close.png) no-repeat right center; margin-right: 20px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
#gnb_sidemenu .mainmenu > div > ul > li > a.open { background:url(./images/icon_open.png) no-repeat right center;  }
#gnb_sidemenu .mainmenu > div > ul > li > a.none { background:none !important;  }
#gnb_sidemenu .mainmenu .submenu { background:#999999; display:none; }
#gnb_sidemenu .mainmenu .submenu > li { display:block; height:48px; border-bottom:solid 1px #828282; line-height:48px; text-align:left; }
#gnb_sidemenu .mainmenu .submenu a { color:#fff !important; font-size:14px !important; font-weight:bold; padding:0 0 0 20px; display:block;  }
.gnb_close {position:absolute; top:20px; left:230px; z-index:5}
#gnb_sidemenu .mainmenu .c_cnt { display:none; }
#gnb_sidemenu .mainmenu .submenu a img { display:none; }


#header { height: 125px; padding:0px 0px 0px 0px; margin-bottom:20px; position:relative; z-index:999 }

#header .inner { max-width:1000px; margin:0 auto; padding:0 10px; }
#header .logo { position: absolute; }
#header .right { float:right; text-align:right; }

#header .search { margin-top:20px; margin-bottom:20px; height:40px; overflow:hidden; display:inline-block; zoom:1; *display:inline; background:url(./images/search_bg.png) no-repeat left top; font-size:0px; }
#header .search input { border:solid 0px; height:38px; line-height:38px; background:none; text-indent:10px; font-size:13px; width:180px; vertical-align:middle; }

#header .mainmenu { padding:0 10px; background: #023866; height:45px; clear:both;  }
#header .mainmenu > div { max-width:1000px; margin:0 auto; }
#header .mainmenu > div > ul { float:right; margin-right:-16px; }
#header .mainmenu > div > ul > li { float:left; padding:0px 16px 0px 16px; position:relative; height:43px; line-height:43px; border-bottom:solid 2px #023866; }
#header .mainmenu > div > ul > li.cur { border-bottom:solid 2px #fff; }
#header .mainmenu > div > ul > li a { font-size:16px; font-weight:bold; color:#ffffff; padding:0px; margin:0px; font-family: 'Nanum Myeongjo' }
#header .mainmenu > div > ul > li .submenu { position:absolute; width:140px; top:45px; left:50%; margin-left:-80px; padding:10px 10px; background:#fafafa; border:solid 1px #dfdfdf; display:none;  }
#header .mainmenu > div > ul > li .submenu li { padding:10px 0; text-align:center; line-height:1; }
#header .mainmenu > div > ul > li .submenu li a { font-size:15px; color:#555; }
#header .mainmenu > div > ul > li .submenu li a:hover { font-weight:bold; color:#000; }
#header .mainmenu > div > ul > li .submenu li .c_cnt { display:none; }
#header .mainmenu > div > ul > li .submenu li a img { display:none; }

/*main style*/
div#ttCanvas #main { background:#fff; clear:both; }


div#ttCanvas .hotpost_container { max-width:1000px; margin:0px auto 40px auto; padding:20px 10px 0 10px; position:relative; overflow:hidden; }

div#ttCanvas .hotpost_container .rollbanner { position: relative; overflow: hidden; max-height:320px; }
div#ttCanvas .hotpost_container .rollbanner .thumb { position: relative; height:320px;  }
div#ttCanvas .hotpost_container .rollbanner .thumb > ul { display:block; }
div#ttCanvas .hotpost_container .rollbanner .thumb li { width:100%; height:320px; overflow:hidden; position:relative; padding-bottom:0px; border-radius:14px;  overflow: hidden; position: relative;  }
div#ttCanvas .hotpost_container .rollbanner .thumb li img { position:absolute; top:0px; left:50%; margin-left:-500px !important; width:1000px; height:auto; max-width:none !important; }
div#ttCanvas .hotpost_container .rollbanner .thumb .btn_left { position: absolute; top:50%; left:10px; margin-top:-18px; z-index: 99; cursor:pointer; cursor:hand; }
div#ttCanvas .hotpost_container .rollbanner .thumb .btn_right { position: absolute; top:50%; right:10px; margin-top:-18px; z-index: 99; cursor:pointer; cursor:hand;}
div#ttCanvas .hotpost_container .rollbanner .thumb .caption { position: absolute; width:100%; margin:0px; padding:0px; bottom:0px; left:0px; height:42px; line-height: 42px !important; background:url(./images/hotpost_text_bg.png);  }
div#ttCanvas .hotpost_container .rollbanner .thumb .caption a { font-size:13px !important; font-weight:bold !important; color:#fff !important; line-height: 42px !important; padding:0 13px !important; }
div#ttCanvas .hotpost_container .rollbanner .thumb .description { display:none !important; }
div#ttCanvas .hotpost_container .rollbanner .thumb .mobile { display:none !important; }


div#ttCanvas .hotpost_container .rollbanner .desc { text-align:center; position:absolute; top:0px; right:0px; width:320px; height:320px;  border-radius:14px; overflow: hidden; background:url(./images/hotpost_desc_bg.png) no-repeat left bottom; }
div#ttCanvas .hotpost_container .rollbanner .desc .slide { padding:98px 38px 0 80px; }
div#ttCanvas .hotpost_container .rollbanner .desc .slide h4 { font-size:19px; font-family: 'Nanum Myeongjo'; font-weight:bold; color:#fff; line-height:1.4;  max-height:53px; overflow:hidden; }
div#ttCanvas .hotpost_container .rollbanner .desc .slide .text { font-family: 'Nanum Myeongjo'; border-top:solid 1px #fff;  margin:10px 0 ; padding:12px 0; }
div#ttCanvas .hotpost_container .rollbanner .desc .slide p { font-family: 'Nanum Myeongjo'; font-size:14px; font-weight:normal; color:#fff; height:72px; overflow:hidden; line-height:18px; display:block;}

div#ttCanvas .hotpost_container .rollbanner .desc .btn { position: absolute; bottom:40px; left:80px; }
div#ttCanvas .hotpost_container .rollbanner .desc .btn a { font-size:14px; font-family: 'Nanum Myeongjo'; color:#ffffff; background:url(./images/icon_arrow.png) no-repeat right center; padding-right:23px; height:17px; line-height:17px; display:inline-block; zoom:1; *display:inline; }
div#ttCanvas .hotpost_container .rollbanner .desc .slide li { display:none; }
div#ttCanvas .hotpost_container .rollbanner .desc .slide li:first-child { display:block; }


div#ttCanvas .mid_banner { border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; overflow:hidden; }
div#ttCanvas .mid_banner .inner { max-width:1000px; margin:0 auto; height:150px; position: relative; }
div#ttCanvas .mid_banner .inner .slide { position:absolute; margin:0 auto; padding:0 0px; width:100%; overflow:auto;}
div#ttCanvas .mid_banner .inner .slide .scroller { float:left; width:1000px; height:100%; }
div#ttCanvas .mid_banner .inner .slide li.item { display:block; float:left; border-right:solid 1px  #dfdfdf; text-align:center; height:122px; padding:0px; padding-top:27px; width:199px;  position:relative; }
div#ttCanvas .mid_banner .inner .slide li.item img { margin:0 auto; }
div#ttCanvas .mid_banner .inner .slide li.item:first-child { width:198px; border-left:solid 1px  #dfdfdf; }
div#ttCanvas .mid_banner .inner .slide li.item:last-child { width:199px; }
div#ttCanvas .mid_banner .inner .slide li.item .mask { background:url(./images/mid_mask.png); position:absolute; top:0px; left:0px; width:100%; height:100%; text-align: center; display:none; }
div#ttCanvas .mid_banner .inner .slide li.item .mask img { margin-top:40px; }
div#ttCanvas .mid_banner .inner .slide li.item:hover .mask { display:block; }
div#ttCanvas .mid_banner .inner .btn_left { display:none; position: absolute; top:50%; left:0px; margin-top:-18px; z-index: 99; cursor:pointer; cursor:hand; }
div#ttCanvas .mid_banner .inner .btn_right { display:none;  position: absolute; top:50%; right:0px; margin-top:-18px; z-index: 99; cursor:pointer; cursor:hand;}


div#ttCanvas .tab_conatiner .tab_head { border-top:solid 1px #f2f2f2; position: relative;  }
div#ttCanvas .tab_conatiner .tab_head ul { max-width:1000px; margin:0 auto; border-left:solid 1px #f2f2f2; overflow: auto; }
div#ttCanvas .tab_conatiner .tab_head ul li { float:left; width:20%; }
div#ttCanvas .tab_conatiner .tab_head ul li img.over { display:none; opacity:0;}
div#ttCanvas .tab_conatiner .tab_head ul li.cur img { display:none; }
div#ttCanvas .tab_conatiner .tab_head ul li.cur img.over { display:block; opacity:1;}
div#ttCanvas .tab_conatiner .tab_head ul li img { width:100%; }
div#ttCanvas .tab_conatiner .tab_head .btn_left { position: absolute; left:50%; margin-top:40px; margin-left:-540px; }
div#ttCanvas .tab_conatiner .tab_head .btn_right { position: absolute; left:50%; margin-top:40px; margin-left:520px; }

div#ttCanvas .tab_conatiner .tab_content { clear:both; background:url(./images/tab_content_bg.jpg) #f5f5f5 center top; background-size:cover; }

div#ttCanvas .tab_conatiner .tab_item { overflow:auto; padding:40px 0px 0 0px; display:none; }
div#ttCanvas .tab_conatiner .tab_item > ul { max-width:1020px; margin:0 auto; }
div#ttCanvas .tab_conatiner .tab_item > ul > li { float:left; width:25%; margin-bottom:40px; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl { position:relative; overflow:hidden; max-width:320px; margin:0 10px; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dt { position:relative; z-index:2; width:100%; background-size:cover; background-position: center center;  padding-bottom:62%; cursor:pointer; cursor:hand; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dt a { display:none; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dt img { width:100%; height:auto; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dd { background:#fff; padding:10px 10px 0 10px; height:75px; position:relative; z-index:1; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dd .ctg { font-family: 'Nanum Myeongjo'; font-weight:bold; display:block; padding-left:14px; height:20px; overflow: hidden; font-size:15px; color:#0059a4; word-break: break-all; background:url(./images/bullet_cir01.png) no-repeat left center; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl dd h5 { height:47px; font-size:15px;  font-weight:normal; overflow:hidden; margin-top:3px; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl dd h5 a { font-family: 'Nanum Myeongjo'; color:#494949; line-height: 1.5; font-size:14px;}
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl dd p { height:35px; font-size:12px; color:#666666; margin-top:5px; overflow:hidden; display:none !important; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl dd p a { font-family: 'Nanum Myeongjo'; color:#666666; }


div#ttCanvas .tab_conatiner .tab_item.cur { display:block; }

div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dt {}
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dd { background:#385e82; color:#fff; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dd .ctg { }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dd .ctg a { color:#fff !important;  }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dd h5 a { color:#fff; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dd p { color:#fff !important; }
div#ttCanvas .tab_conatiner .tab_item > ul > li > dl:hover dd p a { color:#fff !important; }

div#ttCanvas .mid_content2 .tab_item { overflow:auto; padding:40px 0px 0 0px;  }
div#ttCanvas .mid_content2 .tab_item > ul { max-width:1020px; margin:0 auto; }
div#ttCanvas .mid_content2 .tab_item > ul > li { float:left; width:25%; margin-bottom:20px; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl { position:relative; overflow:hidden; max-width:320px; margin:0 10px; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl > dt { position:relative; z-index:2; width:100%; background-size:cover; background-position: center center;  padding-bottom:62%; cursor:pointer; cursor:hand; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl > dt a { display:none; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl > dt img { width:100%; height:auto; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl > dd { background:#f3f2f2; padding:10px 10px 0 10px; height:60px; position:relative; z-index:1; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl > dd .ctg { font-family: 'Nanum Myeongjo'; font-weight: bold; display:block; padding-left:14px; height:20px; overflow: hidden; font-size:15px; color:#0059a4; word-break: break-all; background:url(./images/bullet_cir01.png) no-repeat left center; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl dd h5 { height:47px; font-size:15px; font-weight:normal; overflow:hidden; margin-top:3px; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl dd h5 a { font-family: 'Nanum Myeongjo'; color:#494949; font-size:14px; line-height: 1.5; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl dd p { height:35px; font-size:12px; color:#666666; margin-top:5px; overflow:hidden; display:none !important; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl dd p a { font-family: 'Nanum Myeongjo'; color:#666666; }


div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dt {}
div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dd { background:#385e82; color:#fff; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dd .ctg { }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dd .ctg a { color:#fff !important;  }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dd h5 a { color:#fff; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dd p { color:#fff !important; }
div#ttCanvas .mid_content2 .tab_item > ul > li > dl:hover dd p a { color:#fff !important; }


div#ttCanvas .sns_container { max-width:1000px; margin:0 auto; padding:30px 10px 40px 10px; overflow:auto; }
div#ttCanvas .sns_container > div { float:left; width:50%; }
div#ttCanvas .sns_container > div .inner { max-width:490px; position: relative;  }
div#ttCanvas .sns_container > div .inner a { display:block; }
div#ttCanvas .sns_container > div .inner a.title { padding:0 15px; background:#f3f2f2; height:40px; color:#494949; line-height: 40px; font-size:16px; font-family: 'nanummyeongjo'; overflow: hidden; }
div#ttCanvas .sns_container > div .inner .img img { width:100%; }

div#ttCanvas .sns_container > div.youtube {  }
div#ttCanvas .sns_container > div.youtube .inner { max-width:490px; width:100%; float: right;  }

div#ttCanvas .sns_container > div.youtube .inner .img { overflow:hidden; padding-bottom:57%; position:relative; }
div#ttCanvas .sns_container > div.youtube .inner .img iframe { position:absolute; width:100%; height:100%; }

/*main end*/


#content { max-width:1000px; min-height:800px; margin:0 auto; padding:0 10px; position:relative; margin-top:40px; }

#content .content_left { margin-right:340px; }
#content .content_sidebar { width:300px; position:absolute; top:0px; right:10px; }

.searchList { }
.searchList h3 { font-size:18px; font-weight:bold; color:#4d4d4d; padding-bottom:15px; border-bottom:solid 2px #dfdfdf; }
.searchList h3 span { color:#033664; }
.searchList .bar { background:#033664; height:2px; font-size:1px; line-height:2px;  width:183px; margin-top:-2px;}
.searchList > ol > li { clear:both; overflow:auto; padding-bottom:20px; margin-top:20px; border-bottom:solid 1px #ebebeb; }
.searchList > ol > li dl > dt { float:left; margin-right:20px; border-radius:4px; overflow:hidden; }
.searchList > ol > li dl > dt img { width:168px; height:112px; }
.searchList > ol > li dl > dd { }
.searchList > ol > li dl > dd h5 { font-size:16px; font-weight:bold; color:#4c4c4c; height:30px; line-height:30px; overflow:hidden; }
.searchList > ol > li dl > dd p { font-size:14px; font-weight:normal; color:#666666; height:37px; margin-top:8px; line-height:19px; overflow:hidden; }
.searchList > ol > li dl > dd p a { display:block ;}
.searchList > ol > li dl > dd span { display:inline-block; zoom:1; *display:inline; font-size:14px; font-weight:normal; color:#666666; margin-top:15px; }
.searchList > ol > li dl > dd span.cnt {padding-left:10px; }

.sidebar_box { margin-bottom:30px; }
.sidebar_box h3 { padding-bottom:15px; display:inline-block; zoom:1; *display:inline; font-size:18px; font-weight:bold; color:#4d4d4d; border-bottom:solid 2px #033664;}
.sidebar_box > ul { border-top:solid 2px #dfdfdf;  border-bottom:solid 2px #dfdfdf; margin-top:-2px; padding:10px 0;}
.sidebar_box > ul > li { padding:5px 0; }
.sidebar_box > ul > li a { font-size:14px; }
.sidebar_box > ul > li span { width:30px; height:30px; text-align:center; line-height:30px; display:inline-block; zoom:1; *display:inline; background:url(./images/bullet_num.png) no-repeat left center; }
.relative_box { display:none; }


#paging            { padding-top:20px; padding-bottom:30px; text-align:center;  font-size:0.95em;}
#paging .numbox    { font:0.95em ; padding: 0 18px; }
#paging .num span      { border:1px solid #eeeeee; width: 23px; height: 23px; padding: 2px 5px; margin-right: 3px; }
#paging .num span.selected { border-color: #033664; color: #333; }
#paging a { text-decoration: none; }
#paging #prevPage { background:url(./images/btn_page_pre.gif) left 2px no-repeat; height: 23px; padding-left:9px;}
#paging #nextPage { background:url(./images/btn_page_next.gif) right 2px no-repeat; height: 23px; padding-right:9px;}


#footer { clear:both; background:#0a345a; padding:27px 0 30px 0;  }
#footer .inner { max-width:1000px; margin:0 auto; padding:0 10px; }

#footer .inner .link > li { float:left; line-height:35px; }
#footer .inner .link > li a  {font-size:14px; font-weight:bold; color:#5e5e5e; }
#footer .inner .link > li.logo { margin-top:-1px; }
#footer .inner .link > li.tel { padding:0 20px; }
#footer .inner .link > li.tel2 { padding:0 20px; }

#footer .inner .link > li.site { float:right; position:relative;  margin-top:5px; }
#footer .inner .link > li.site img.btn { cursor:pointer; cursor:hand; max-width:245px; }
#footer .inner .link > li.site ul { display:none; position:absolute; width:222px; left:0px; bottom:35px; background:#fff; border:solid 1px #dfdfdf; padding:6px 10px; z-index: 998;  }
#footer .inner .link > li.site ul > li { line-height:24px; }
#footer .inner .link > li.site ul > li a { font-size:13px; font-weight:normal; }

#footer .inner .info { clear:both; padding-top:0px; }
#footer .inner .info > li { line-height: 1.5;float:left; color:#7995af; font-size:14px; font-weight:bold; margin-top:3px;  padding-left:4px; margin-right:4px; }
#footer .inner .info > li:first-child { padding-left:0px; margin-right:0px; background:none; }
#footer .inner .copyright { clear:both; color:#7995af; font-weight:bold; font-size:14px; padding-top:0px; line-height: 1.5; }

.right_banner { position:absolute; top:165px; left:50%; margin-left:550px; text-align: center; width:50px; z-index:998  }
.right_banner ul { text-align: center; }
.right_banner li { display:inline-block; zoom:1; *display:inline; margin:0 0px 15px 0px; }
.right_banner li.top { border-bottom:solid 1px #ebebeb; } 
.right_banner ul.banner li { border:solid 0px; margin:0px; margin-top:20px; }

.comment                          { font-size:13px; border: 1px solid #e7e8e9;  background-color:#f9f9f9; margin-bottom: 4px; width:100%; overflow:hidden; }
.commentBox 					  { padding:  5px 15px 15px; }
.comment p                        { clear: both; margin:6px 0 0 0; padding:0; line-height:150%;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { float: left; font:0.85em; color:#999; padding-right: 15px; font-size:12px; }
.comment .name                    { float: left; color:#333; font-size: 12px; font-weight: bold; letter-spacing: -1px; padding-right: 15px; }
.comment .name a                  { color:#333; font-weight:bold;}
.comment .control				{ float: left; padding-top:3px; }

.comment ol li                    { padding: 10px 5px 10px 0; border-bottom: 1px dotted #ccc; }
.comment li ul li                 { padding: 10px 10px 5px 25px;  background: url(./images/iconReComment.gif) no-repeat 0 6px; border:none;}
.comment .control a				{ text-decoration: none; }
.comment .control a.address       { background:url(./images/btn_b_address.gif) no-repeat;  padding-bottom:2px; width: 35px; height: 15px; display: block; float: left; }
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(./images/btn_b_editndel.gif) no-repeat; padding-bottom:2px; width: 52px; height: 15px; display: block; float: left; }
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(./images/btn_b_reply.gif) no-repeat; padding-bottom:2px; width: 39px; height: 15px; display: block; float: left; }
.comment .control a.write span    { display:none;}

.commentWrite                     { padding: 20px 0 0; }
.commentWrite p.writerInfo label  { width: 80px; float: left; font-size: 0.85em; padding-top: 2px; vertical-align: middle;  }
.commentWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px; }
.commentWrite .comment_textarea { border: 1px solid #d1d3d4; padding:10px; background:#fff; }
.commentWrite textarea            { width:100%; border:solid 0px; }
.commentWrite .homepage           { width:70% !important; font: 0.85em; color: #999; height: 16px; }
.commentWrite input.submit        { background: url(./images/btn_reply_input.gif) no-repeat; width: 76px; height: 29px; display: block; margin: 5px auto 0; text-indent: -1000em; border: none; cursor: pointer; }
.commentWrite .secretWrap         { clear: both; padding: 0 0 5px; margin-top: 10px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

.author                  { text-align:right; color:#666; padding: 40px 0; display:none; }
.author .text            { font: 0.85em ; color: #999; }

.tagTrail                { color: #999; letter-spacing: -1px; padding: 5px 0 14px 60px;  background: url(./images/icon_tag.gif) left 6px no-repeat; clear:both; margin: 25px 0; line-height:19px;}
.tagTrail a				{ color: #999; font-weight:bold; line-height:25px; }
.tagText                 { display:none;}

.actionTrail             { width:100%;padding:7px 0px;  clear:both;}
.actionTrail .cnt        { color:#f60;}

.trackback               { width:100%;  overflow:hidden; }
.trackback a             { color:#000;}
.trackback h3            {
	font:12px ; color:#333;  border-bottom:1px solid #f5f5f5;  margin:0 0 7px;
	border: 1px solid #e7e8e9; background-color: #f9f9f9; padding: 7px 15px; }
.trackback h3 span			{ font: 11px ; color: #999; cursor: pointer; }
.trackback h4            { font:12px ; color: #999; margin:0;}
.trackback h4 a			{ color: #000; letter-spacing: -1px; }
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top: 1px dotted #dedede;  padding: 15px;}
.trackback .date         { font:0.85em;  color:#999;}
.trackback p             { font:0.95em;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { background:url(./images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}

.shareGroup { width:100%; height:40px; position:relative; }
.shareGroup_btn {position:absolute; top:0px; left:0px; }
.shareGroup_btn li:first-child { border-left: solid 1px #d9d9d9; }
.shareGroup_btn li { float:left;border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; }
.shareGroup_box { font-size:0px; float:right; width:95%; height:38px; text-align:right; border:solid 1px #d9d9d9; padding:0px 5px 0 0; }
.shareGroup_box img { margin-right:0px; }
/*.shareGroup a { display:block; }*/

.titleWrap .titleCtg { overflow:auto; padding-bottom:10px; border-bottom:solid 2px #dfdfdf; }
.titleWrap .titleCtg .category { float:left; font-size:22px; font-weight:bold; color:#033664; }
.titleWrap .titleCtg .date { float:right; color:#666666; font-size:14px; padding-top:5px; }
.titleWrap .titleBar { width:120px; background:#033664; font-size:0px; line-height:0px; height:2px; margin-top:-2px; } 
.titleWrap > h2 { font-size: 28px; font-weight:bold; margin:20px 0 26px 0;  line-height: 36px; }

.article { margin-top:30px; font-size:11pt; line-height: 1.5; }

.admin { margin-top:10px; padding:3px 2px; text-align: right; border-bottom:solid 1px #efefef; }

.article_relative_list > div {height:44px; padding:0 5px; border-top:solid 2px #dfdfdf; border-bottom:solid 2px #dfdfdf; line-height:44px;}
.article_relative_list .subtitle { float:left; font-size:16px; font-weight:bold; color:#4d4d4d; }
.article_relative_list .more { float:right; font-size:12px; }
.article_relative_list .more a { background:url(./images/btn_ctg_more.png) no-repeat right center; padding-right:27px; display:inline-block; zoom:1; *display:inline; }
/* #### */
/* 서식 */
/* #### */
/* 카테고리의다른글 기존것은감춤 */
.view_relevant {padding-top:36px;margin-top:36px;border-top:1px solid #e6e6e4;font-family:"Nanum Gothic","나눔고딕","malgun","Malgun Gothic","맑은 고딕";}
.view_relevant .tit_category {display:block;padding:10px 0 9px 40px;background:#717171 url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/ico_comm.png) no-repeat 8px -341px;font-size:13px;color:#fff;}
.view_relevant .tit_category a {font-size:13px;color:#fff;}
.view_relevant .list {padding:5px 0 13px;border:1px solid #c5c9c8;}
.view_relevant .list li {padding:6px 18px 0 18px;background:url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/ico_view_list_txt.gif) no-repeat 11px 14px;}
.view_relevant .list a {color:#767676;}
/* 표 */
.view_tblType1 th, .view_tblType1 td { padding:5px;}
.view_tblType1 {border-bottom:1px solid #e4e5e4;}
.view_tblType1 .tbl {width:100%;}
.view_tblType1 thead th {padding:8px 0 6px;border-left:1px solid #e5e5e4;background:url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/bg_view_tblType1_th.gif) repeat-x 0 0;font-weight:bold;font-size:13px;color:#ec2127;text-align:center;line-height:1.4}
.view_tblType1 thead .brown th {background:url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/bg_view_tblType1_th_brown.gif) repeat-x 0 0;color:#805f68;}
.view_tblType1 thead .brown th.fst,
.view_tblType1 thead th.fst {border-left:0 none;background:url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/bg_view_tblType1_th_fst.gif) repeat-x 0 0;color:#444;}
.view_tblType1 tbody th {padding:6px 0;border-top:1px solid #fff;background-color:#eee;font-weight:bold;font-size:12px;color:#444; text-align: center; }
.view_tblType1 tbody th p,.view_tblType1 tbody td p  { text-align: center; }
.view_tblType1 tbody th  { vertical-align: middle; }
.view_tblType1 tbody .fst th {border-top:1px solid #858585;}
.view_tblType1 td {border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;font-size:12px;color:#777;text-align:center;}
.view_tblType1 .fst td {border-top:1px solid #858585;}

/* 컬러바 */
.view_bar {overflow:hidden;width:auto;padding-left:0px;height:12px;background-image:url(./images/article_bar1.png);background-repeat:no-repeat;}
.view_bar_inner {overflow:hidden;width:auto;height:12px;background-image:url(./images/article_bar1.png);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.view_bar.bar_sprite_red {background-position:0 0;}
.view_bar.bar_sprite_red .view_bar_inner {background-position:right 0;}
.view_bar.bar_sprite_blue {background-position:0 -20px;}
.view_bar.bar_sprite_blue .view_bar_inner {background-position:right -20px;}
.view_bar.bar_sprite_brown {background-position:0 -40px;}
.view_bar.bar_sprite_brown .view_bar_inner {background-position:right -40px;}
.view_bar.bar_sprite_purple {background-position:0 -60px;}
.view_bar.bar_sprite_purple .view_bar_inner {background-position:right -60px;}
.view_bar.bar_sprite_green {background-position:0 -80px;}
.view_bar.bar_sprite_green .view_bar_inner {background-position:right -80px;}
.view_bar.bar_red {background-position:0 -100px;}
.view_bar.bar_red .view_bar_inner {background-position:right -100px;}
.view_bar.bar_blue {background-position:0 -120px;}
.view_bar.bar_blue .view_bar_inner {background-position:right -120px;}
.view_bar.bar_brown {background-position:0 -140px;}
.view_bar.bar_brown .view_bar_inner {background-position:right -140px;}
.view_bar.bar_purple {background-position:0 -160px;}
.view_bar.bar_purple .view_bar_inner {background-position:right -160px;}
.view_bar.bar_green {background-position:0 -180px;}
.view_bar.bar_green .view_bar_inner {background-position:right -180px;}
/* 텍스트이미지박스 */
.viewbox_txtimgType1 {overflow:hidden;background-color:#dcdcdc;}
.viewbox_txtimgType1 .tit {display:block;overflow:hidden;width:283px;height:36px;padding:10px 0 0 34px;margin-left:13px;background:url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/bg_view_middle_bnr_red.gif) no-repeat 0 0;font-weight:bold;font-size:17px;color:#fff;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;}
.viewbox_txtimgType1 .list {overflow:hidden;width:100%;padding:10px 0 14px;font-size:0;line-height:0;}
.viewbox_txtimgType1 .list li {position:relative;padding:0 10px 1px 105px;font-weight:bold;font-size:14px;line-height:19px;letter-spacing:-2px;}
.viewbox_txtimgType1 .list strong {position:absolute;left:12px;width:82px;color:#805f68;text-align:right;text-decoration:none;}
.viewbox_txtimgType1 .list span {display:block;overflow:hidden;width:100%;margin:0;color:#4a4a4a;}
.viewbox_txtimgType2 {border:1px solid #806473;background-color:#fff;}
.viewbox_txtimgType2 .tit {padding-top:9px;margin-left:12px;background:url(http://ts.daumcdn.net/custom/blog/152/1523288/skin/images/bg_view_middle_bnr_brown.gif) no-repeat 0 0;}
.viewbox_txtimgType1 .list li {padding:0 9px 1px 103px;}
.viewbox_txtimgType2 .list strong {left:11px;}

.hide {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.tbl {border-collapse:collapse;border-spacing:0}
.tbl caption {display:none;}
.clear {display:block;overflow:hidden;width:100%;height:0;font-size:0;line-height:0;text-indent:-9999px;clear:both}
.ico_comm {display:block;overflow:hidden;background-image:url(./images/ico_comm.png);background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px}


/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_admin span.name		{ background: url(images/iconAdmin.gif) no-repeat;  padding-left:20px; height: 22px; }
	.rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
	.guest_general          { }
	.guest_admin p.ctrlGuest,
	.guest_admin p.ctrlGuestRe  { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}

/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#999; text-align:center; padding:4px 0; margin:0;}
/* 그림 */
	/* .imageblock             { border:1px solid #ddd;  padding:5px;  margin:5px 0;} */
/* 왼쪽 */
	.left                   { }
/* 가운데 */
	.center                 { }
/* 오른쪽 */
	.right                  { }
/* 그림 2개 배치 */
	.dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
	.triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
	.moreless_fold          { background:url(images/icon_view_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
	.moreless_top           { background:url(images/icon_stop_view.gif) top left no-repeat;  padding-left:20px; color:#000;}
	.moreless_body          { }
	.moreless_bottom        { background:url(images/icon_stop_view.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
.kakaotalk { display:none; }

@media all and (max-width: 1020px) {
	div#ttCanvas .mid_banner .inner .btn_left { display:block; }
	div#ttCanvas .mid_banner .inner .btn_right { display:block; }
	div#ttCanvas .tab_conatiner .tab_head .btn_left { display:none; }
	div#ttCanvas .tab_conatiner .tab_head .btn_right { display:none; }
	.right_banner { display:none; }
}

@media all and (max-width: 960px) {
	#footer .inner .link > li.site { float:left; margin-top:15px; }
}

@media all and (max-width: 910px) {
	.right_banner{ display:none; }
	#footer .inner .link > li.site { float:left; width:100%; margin-top:10px; }
}

@media all and (max-width: 850px) {
	div#ttCanvas .hotpost_container .rollbanner { }
	div#ttCanvas .hotpost_container .rollbanner .desc {  }
	div#ttCanvas .hotpost_container .rollbanner .thumb { margin-right:0px; margin:0 auto; }
	div#ttCanvas .hotpost_container .rollbanner .thumb .mobile { display:block !important; }

	div#ttCanvas .tab_conatiner .tab_item { padding-top:20px; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li { width:50%; margin-bottom:20px; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li > dl { max-width:none; }

	div#ttCanvas .mid_content2 .tab_item { padding-top:20px; }
	div#ttCanvas .mid_content2 .tab_item > ul > li { width:50%; margin-bottom:20px; }
	div#ttCanvas .mid_content2 .tab_item > ul > li > dl { max-width:none; }

	#content .content_left { margin-right:0px; }
	#content .content_sidebar { display:none; }
	#footer .inner .link > li.logo { width:100%;  }
	#footer .inner .link > li.tel { padding-left:0px; }
	#footer .inner .link > li a { font-size:12px; }
	div#ttCanvas .sns_container > div.youtube .inner .img { padding-bottom:57.2%; }
}


@media all and (max-width: 768px) {
	#wrap { padding:100px 0 0 0 !important;}
	#gnb {display:block !important; }
	#header {display:none !important;}
	#gnb_top {display:block !important;}

	div#ttCanvas .hotpost_container { padding-top:0px; }
	div#ttCanvas .hotpost_container .rollbanner .desc { top:0px;  }
}

@media all and (max-width: 640px) {
	#wrap { padding:80px 0 0 0 !important;}

	#content { margin-top:20px; }

	.content_left { margin-top:0px; }
	.titleWrap > h2 { font-size:19px; line-height:27px; }
	
	#paging .numbox { padding:0 10px; }
	#paging .numbox a { display:none; }
	#paging .numbox span { display:none; }

	div#ttCanvas .hotpost_container { margin-bottom:15px; margin-top:0px; padding-top:0px; }
	div#ttCanvas .hotpost_container .rollbanner .desc { width:30%; background-size:cover; display:none; }
	div#ttCanvas .hotpost_container .rollbanner .thumb { height:auto; }
	div#ttCanvas .hotpost_container .rollbanner .thumb li { height:auto; }
	div#ttCanvas .hotpost_container .rollbanner .thumb li img { width:170%; height:auto; position:static; top:0; left:0; margin-left:-20px !important; }

	div#ttCanvas .mid_banner .inner { height:84px; }
	div#ttCanvas .mid_banner .inner .slide .scroller { width:657px; }
	div#ttCanvas .mid_banner .inner .slide li.item {}
	div#ttCanvas .mid_banner .inner .slide li.item { padding-top:16px;  height:68px; width:130px !important; }
	div#ttCanvas .mid_banner .inner .slide li.item > a > img { height:55px; width:auto; }
	div#ttCanvas .mid_banner .inner .slide li.item .mask { display:none !important;}

	
	div#ttCanvas .sns_container { padding:0px 10px 20px 10px; }
	div#ttCanvas .sns_container > div { width:100% !important; margin-top:20px; }
	div#ttCanvas .sns_container > div .inner { max-width:none !important; margin:0px !important; float:none !important; }
	div#ttCanvas .sns_container > div .inner a.title { font-size:14px; }


	div#ttCanvas .tab_conatiner .tab_item { padding:20px 0 10px 0 ; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li { width:100%; margin-bottom:13px; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dt { float:left; width:163px; height:97px; margin-right:14px; padding-bottom:0px; overflow:hidden; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dd { height:87px; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li > dl > dd .ctg { margin-top:5px; }
	div#ttCanvas .tab_conatiner .tab_item > ul > li > dl dd p { font-size:14px; margin-top:7px; height:38px; line-height:18px; }
	
	div#ttCanvas .mid_content2 .tab_item { padding:20px 5px 10px 5px ; }
	div#ttCanvas .mid_content2 .tab_item > ul > li { width:50%; margin-bottom:13px; }
	
	div#ttCanvas .mid_content2 .tab_item > ul > li > dl { margin:0 5px; }
	div#ttCanvas .mid_content2 .tab_item > ul > li > dl > dd { height:auto; padding-top:5px; padding-bottom:5px; }
	div#ttCanvas .mid_content2 .tab_item > ul > li > dl dd h5 { height:44px; }

	#searchList h3 { font-size:15px; }

	.shareGroup_btn li.shareprint { display:none; }
}


@media all and (max-width:480px) { 
	.viewbox_txtimgType1 .tit {-webkit-background-size:80% 80%;background-size:80% 80%}
}


@media all and (max-width: 430px) {
	.titleWrap > h2 { font-size:16px; line-height:20px; }
	.titleWrap .titleCtg { padding-bottom:5px; }
	.titleWrap .titleCtg .category { font-size:16px; }
	.titleWrap .titleCtg .date { font-size:12px; }

	.article_relative_list .subtitle { font-size:14px;}
	.article_relative_list .more { display:none; }

	.searchList > ol > li dl > dt { margin-right:12px; }
	.searchList > ol > li dl > dt .thumb_cover { width:135px !important; height:96px !important; }
	.searchList > ol > li dl > dd h5 { font-size:14px;}
	.searchList > ol > li dl > dd p { font-size:12px; margin-top:3px;}
	.searchList > ol > li dl > dd span { font-size:12px; margin-top:5px; }


	/*.hotpost_container .rollbanner .thumb li { height:199px; }
	.hotpost_container .rollbanner .thumb li img { width:410px; height:199px; position:absolute; top:0; left:50%; margin-left:-205px !important; max-width: none !important; }*/
	
	#footer .inner .copyright { font-size:12px; }
	#footer .inner .info { margin:5px 0 10px 0; }
	#footer .inner .info > li { font-size:13px; padding-left:0px; }
}