@charset "UTF-8";

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

* {
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', sans-serif;color:#454545; font-weight:300;
}
html,body{overflow-x:hidden;}
caption{position:absolute;left:-9999px;}
fieldset{border:none;}
legend{display:none;}
/*************************** common class *********************************/
.layout-grid {max-width: 1100px;margin: 0 auto;clear: both;position: relative;}
.grid{padding:50px;}
.grid.grid-gray{background:#fafafa;}
.clr{clear:both}
.gap{clear:both;height:3em;}
.gap_double{clear:both;height:5em;}
.gap_line{height:40px;border-bottom:1px dashed #dfdfdf;margin-bottom:40px}
.gap_line.gap_line2{border-bottom:1px solid #cccccc;}
.gap_line.gap_line3{border-bottom:1px dashed #666;}

.page-header{position:relative}
.underline{text-decoration:underline;}
.f_left{float:left !important;}
.f_right{float:right !important;}
.badge-blue{background:#287BD3 !important;}
.badge-orange{background:#F78A1E !important;}
.sound_only{position:absolute;left:-9999px;}
img.img-bordred{border:1px solid #cccccc}
.bg-white-gray{background:#fafafa url(/img/playstation-pattern.png);}
.img-padd-bottom{padding-bottom:10px;}
.author {text-align: right;padding: 8px 0 15px;color:#999;}
.block {padding: 50px;margin: 20px 0;}
.grid h2{font-size:20px;}
.grid h3{margin-bottom:5px;}
.comment{opacity:.6;}
.bo_name{opacity:.6;}
.img-desc{text-align:center;padding-bottom:10px;}
.img-desc:before{content:"▲";color:#e3883f;padding-right:5px;font-size:80%;}
.quote{padding-left:20px;position:relative;margin:20px 0;}
.quote:before{content:"“";font-size:60px;position:absolute;margin-left:-20px;margin-top:-20px;color:#999;font-family:arial;}
.quote:after{content:"”";font-size:60px;color:#999;font-family:arial;float:right;}
.text-lg{font-size:120%;line-height:2em;}
/*************************** left-panel *********************************/
#left-panel{background:transparent url(../images/common/bg/escheresque_ste/escheresque_ste.png) 50% 0 ;color: #4a250a;width:100%;height:100%;margin-left:-100%;position:fixed;z-index:1100;transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;overflow:auto;text-align:center;overflow-x:hidden;}
#left-panel ul{padding:0;margin:0;list-style:none;}
#left-panel .navi{line-height:2em;padding:30px 0;}
#left-panel .navi>ul{width:300px;margin:0 auto;text-align:left;}
#left-panel .navi>ul>li{position:relative;padding-left:20px;}
#left-panel .navi>ul>li>a{display:block;font-size:.9em;padding-top:.5em;text-decoration:none;color:#7bd2f6}
#left-panel .navi ul:before{content:"";display:block;height:5px;}
#left-panel .navi ul:after{content:"";display:block;height:10px;}
#left-panel .navi ul ul a{font-size:1em;color:#fff;opacity:.6;transition:.3s;}
#left-panel .navi ul ul a:hover{opacity:1;}
#left-panel .social{background:#4a494e;padding:15px 0;}
#left-panel .social a{padding-left:60px;display:inline-block;height:60px;color:#ffffff;background:url(../images/share/icon1.png) 0 50% no-repeat;font-size:13px;padding-top:5px;}
#left-panel .social a.blog{background-image:url(../images/share/icon2.png) !important;}
#left-panel .total-sch{padding:25px 20px 50px;background:#28272c;}
.navtoggleon #left-panel{margin-left:0;}
/*************************** wrap *********************************/
.response-wrap{position:relative;overflow-x:hidden;}
#wrap{position:relative;z-index:0;transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;}
.navtoggleon #wrap{opacity:.1}
/*.nav_left_button{position:absolute;top:24px;right:-100px;z-index:3300;width:40px;height:40px;text-align:left;transition:.3s;}*/
.nav_left_button{position:absolute;top:-100px;right:10px;z-index:3300;width:40px;height:40px;text-align:left;transition:.3s;}
.nav_left_button a{display:block;float:left;margin:0;width:100%;height:50px;}
.nav-toggle { position:relative;cursor: pointer; padding:15px 0 0 0;transition:.3s;}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {cursor: pointer;height: 2px;width: 34px;background: #333333;position: absolute;display: block;content: '';}
.nav-toggle span:before {top: -9px; }
.nav-toggle span:after {bottom: -9px;}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;}
.navtoggleon .nav-toggle span {background-color: transparent;}
.navtoggleon .nav-toggle span:before, .nav-toggle.navtoggleon span:after {top: 0;}
.navtoggleon .nav-toggle span:before {transform: rotate(45deg);background-color:white}
.navtoggleon .nav-toggle span:after {transform: translateY(-7px) rotate(-45deg);top: 7px;background-color:white}
/*************************** header *********************************/

#logo{}
#tlink{padding:15px 0;margin:0;list-style:none;float:right;min-width:110px;}
#tlink li{float:left;margin-left:8px;}
#tlink:after{content:"";display:block;clear:both;}

/*************************** spot *********************************/
#spot{background:url(../images/share/visual_bg.jpg);}
/*************************** container *********************************/
#container{}
#colgroup{max-width:1100px;min-height:600px;margin:0 auto;border-right:1px solid #dfdfdf;position:relative;background:url(../images/share/bg_sider.gif) 0 0 repeat-y;}
#content{max-width:100%;margin-left:232px;text-align:justify;line-height:28px;}
#content .auther{text-align:right;padding:0;font-weight:bold;}
/*************************** aside *********************************/
#aside{width:232px;position:absolute;top:0;left:0;}
#snb ul{padding:0;margin:0;list-style:none;}
#snb a{display:block;line-height:2em;padding-left:15px;color:#444;text-decoration:none;}
#snb>ul{margin-top:20px;}
#snb>ul:after{content:"";clear:both;display:block;}
#snb>ul>li{padding-bottom:20px;}
#snb>ul>li>a{font-weight:bold;font-size:110%;text-decoration:none;color:#444;}
#snb>ul>li.on>a{color:#00a6da}
#snb>ul>li>ul>li{margin-bottom:1px;position:relative;padding:5px 0;}
#snb>ul>li>ul>li>a{letter-spacing:-1px;transition:.3s;}
#snb>ul>li>ul>li.on{background:#454545;}
#snb>ul>li>ul>li.on>a{color:#ffffff;}
#snb>ul>li>ul>li.on>a:after{content:" < ";position:absolute;right:10px;top:50%;margin-top:-17px;}
#snb>ul>li>ul>li:hover>a{color:#00a6da}
/*************************** footer *********************************/
#footer{padding:20px 0;background:#303030;}
#footer a{color:#ddd;}
#footer .copy{background:url(../images/share/copy_logo.png) 60px 50% no-repeat;padding:20px 20px 20px 260px;color:#aaa}
/*************************** quick *********************************/
#quick {display:block;position: fixed;transition: 0.3s;text-indent:-9999px;right:70px;top:50%;z-index:999;}
#quick a{position:absolute;display:block;left:0px;width:60px;height:60px;background: url(../images/common/arrow.png) 50% 50% no-repeat;transition:.3s;cursor: pointer;border-radius:30px;opacity:.5;}
#backtotop{top:0px;text-indent:-9998px;}
#backtobottom{top:60px; text-indent:-9999px;transform: rotate(180deg);}
#quick a:hover{background-color:#ffffff;opacity:1;}
/*************************** etc *********************************/
.prettyPhoto {position: relative;display: inline-block;}
.prettyPhoto img {position: relative;z-index: 0;}
.prettyPhoto span.view {position: absolute;z-index: 1;top: 0;left: 0;display: block;background: #222;width: 28px; height: 28px;font-family: arial;line-height: 28px;color: #fff;text-align: center;font-size: 18px;opacity: 0;filter: alpha(opacity=0);transition: .3s;}
.prettyPhoto:hover span.view {opacity: .8;filter: alpha(opacity=80);}





/****************추가 css****************/

.img_info {
	padding:10px;
	text-align:center;
	font-size:14px;
/*	background:#aaa;*/
/*	color:white;*/
}

.q_q {
	color:#00A6DA;;
	font-weight:bold;
}

.l_padding {
	padding-left:58px;
}

.box_title {
	padding:0px 3px;
	background:#01A7DB;
	color:white;
}

.bold {
	font-weight:bold;
}

.info_line {
	width:100%;
	height:4px;
	border-top:1px solid #292929;
	border-bottom:1px solid #666;
}

.txt_bg {
	background:rgba(230, 215, 230, 0.6);
}

.txt_bg2 {
	background:rgba(235, 199, 164, 0.4);
}

.box_img_center {
	text-align:center;
}


/* 기본테이블 */
table.tbl{border-top:1px solid #536eaa;width:100%;border-bottom:2px solid #ededed;margin-bottom:20px;}
table.tbl td,table.tbl th{border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;line-height:1.8em;padding:.7em .5em;text-align:center;vertical-align:middle}
table.tbl thead th{background:#f1f4f9;text-align:center;border-bottom:1px solid #cad0d9;border-right:1px solid #cad0d9;color:#536eaa;font-size:1.2em;font-weight:bold;}
table.tbl tbody th{background:#f7f7f7;text-align:center;}
table.tbl td:last-child,table.tbl th:last-child{border-right:none;}