@charset "utf-8";

/* ==========================================================================
reset 
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo');

/* ==========================================================================
layout 
========================================================================== */

body { font-size:14px; line-height:140%; font-family: "Nanum Gothic", "Malgun Gothic","나눔고딕", "맑은고딕", "Malgun Gothic", "돋움",dotum, "굴림", gulim, sans-serif; } 
/* "Nanum Gothic, Malgun Gothic","나눔고딕","Nanum Gothic, Malgun GothicOTF", "맑은고딕", "Malgun Gothic",  */
input,select,textarea {font-size:12px; font-family:gulim;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

/*
@font-face {
	font-family: 'Nanum Gothic, Malgun Gothic';
	font-style: normal;
	font-weight: 400;
	src: local('※');
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/Nanum Gothic, Malgun Gothic/v3/Nanum Gothic, Malgun Gothic-Regular.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/Nanum Gothic, Malgun Gothic/v3/Nanum Gothic, Malgun Gothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/Nanum Gothic, Malgun Gothic/v3/Nanum Gothic, Malgun Gothic-Regular.woff2) format('woff2'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/Nanum Gothic, Malgun Gothic/v3/Nanum Gothic, Malgun Gothic-Regular.woff) format('woff'),
		url(//themes.googleusercontent.com/static/fonts/earlyaccess/Nanum Gothic, Malgun Gothic/v3/Nanum Gothic, Malgun Gothic-Regular.ttf) format('truetype');
}
*/

html.lt-ie9 body { font-family:Malgun Gothic,dotum,"돋움",gulim,"굴림","Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "hiragino kaku gothic pro", sans-serif; } 

.w_wrap { width:100%; margin:auto; background:url('/layouts/jsdkr14212/image/lib/wrap_bg.png') repeat-x; padding-top:0px; background-color:#f6f6f6; } 
.wrap { width:1000px; margin:auto; } 

#header {width:100%;}
#header .headerbox { font-family:Nanum Gothic,Malgun Gothic,Dotum; }
#header .headerbox .headertop {border-bottom: 0px; x-height:168px; }
#header .headerbox .logo { height:80px; width:1000px; margin: 0 auto; position:relative; }
#header .headerbox .logo h1 {padding:0;margin:0;}
#header .headerbox .logo #top_logo a {font-size:30px;font-family:"malgun gothic";outline:none; }
#header .headerbox .logo img {}
#header .headerbox .logo #top_logo {float:left; margin: 13px 0px;}
#header .headerbox .logo #top_banner { position:absolute; left:850px; margin:0px 0px 22px 0px;}
#header .headerbox .logo #top_link { position:absolute; right:50px; top:40px; margin:0px 0px 22px 0px;}
#header .headerbox .logo #top_link a { font-size:15px; font-weight:bold; color:#888888; margin:0 5px 0; font-family:돋움, dutum; letter-spacing:-2px; x-border:1px #eef7ff dotted; padding:4px; border-radius:4px; }
#header .headerbox .logo #top_link a:hover { color:#054fa9; background:#d2e9fb; x-text-decoration:underline; }

#header .headerbox .gnb { height:29px; background:#efefef; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; }
#header .headerbox .gnb .menutops {padding:5px 0 0px 0;text-align:right;font-size:11px;font-family:dotum;letter-spacing:2px;}
#header .headerbox .gnb .menutops a {font-family:gulim;font-size:11px;letter-spacing:-1px;outline:none;}
#header .headerbox .gnb .menutops a:hover {text-decoration:underline;}
#header .headerbox .gnb .menutops img {margin-bottom:-3px;}
#header .headerbox .gnb .menutops .admin {font-size:11px;font-family:dotum;font-weight:normal;color:#FA5800;}

/* 메뉴바  - 네이비 블루 */ 
#header .headerbox .gnbtop { height: 40px;position: relative; background:#5aadef; }
#header .headerbox .gnbtop #top_menu { width: 1000px; x-height:40px; margin: 0 auto; background:#3c97df; }
#top_menu .menutabs { z-index:1000; } 
#top_menu .menutabs ul { padding:0;margin:0; list-style-type:none;  } 
#top_menu .menutabs li { padding:7px 35px 2px; height:30px; line-height:140%; position:relative; list-style:none; display:inline-block; xbackground:#1c71b5; border-right:solid 1px #2b83c8; margin-left:-4px; font-size:18px; font-weight:bold; } 
#top_menu .menutabs li:hover, 
#top_menu .menutabs li.on { background:#1c71b5; } 
#top_menu .menutabs li:first-child { margin-left:0; } 
#top_menu .menutabs li:last-child { border-right:0; } 
#top_menu .menutabs li a { color:#fff; font-size:18px; font-weight:bold; padding:10px 0; font-family:Nanum Gothic, Malgun Gothic, dotum, sans-serif; }
#top_menu .menutabs li ul { padding:10px; list-style-type:none; display:none; position:absolute; top:35px; left:10px; width:300px; z-index:100;  } 
#top_menu .menutabs li ul.on { display:block; }
#top_menu .menutabs li ul li {background:none;padding:2px 0px 0 0px; margin-right:10px; border-bottom:0px; font-size:14px; line-height:160%; }
#top_menu .menutabs li ul li a {font-weight:normal; font-size:14px; padding:0 5px 0 0; }
#top_menu .menutabs li ul li a:hover { text-decoration:underline;  }
#top_menu .menutabs .open {x-background:url('./image/arr_minus.gif') left 9px no-repeat; }
#top_menu .menutabs .on { x-color:#e52a4d; }
.topredline { x-width:100%; x-border-top:#bc003a 3px solid; height:0px; background-color: #F3F3F3; } 
.topblueline { x-width:100%; border-top:#1cb4d5 5px solid; height:0px; }

/* 메뉴바 - 자색  */ 
/*
#header .headerbox .gnbtop { height: 40px;position: relative; background:#9a69af; }
#header .headerbox .gnbtop #top_menu { width: 1000px; margin: 0 auto; background:#9a69af; }
#top_menu .menutabs { z-index:1000; } 
#top_menu .menutabs ul { padding:0;margin:0; list-style-type:none;  } 
#top_menu .menutabs li { padding:7px 35px 2px; height:30px; line-height:140%; position:relative; list-style:none; display:inline-block; xbackground:#1c71b5; border-right:solid 1px #88549e; margin-left:-4px; font-size:18px; font-weight:bold; } 
#top_menu .menutabs li:hover, 
#top_menu .menutabs li.on { background:#88549e; } 
#top_menu .menutabs li:first-child { margin-left:0; } 
#top_menu .menutabs li:last-child { border-right:0; } 
#top_menu .menutabs li a { color:#fff; font-size:18px; font-weight:bold; padding:10px 0; font-family:Nanum Gothic, Malgun Gothic; }
#top_menu .menutabs li ul { padding:10px; list-style-type:none; display:none; position:absolute; top:35px; left:10px; width:300px; z-index:100;  } 
#top_menu .menutabs li ul.on { display:block; }
#top_menu .menutabs li ul li {background:none;padding:2px 0px 0 0px; margin-right:10px; border-bottom:0px; font-size:14px; line-height:160%; }
#top_menu .menutabs li ul li a {font-weight:normal; font-size:14px; padding:0 5px 0 0; }
#top_menu .menutabs li ul li a:hover { text-decoration:underline;  }
#top_menu .menutabs .open {x-background:url('./image/arr_minus.gif') left 9px no-repeat; }
#top_menu .menutabs .on { x-color:#e52a4d; }
.topredline { x-width:100%; x-border-top:#bc003a 3px solid; height:0px; background-color: #F3F3F3; } 
.topblueline { x-width:100%; border-top:#88549e 5px solid; height:0px; }
*/

html.lt-ie8 #top_menu .menutabs li {
	float:left; display:block;
}

/* main menu pallet */
#menupalette { z-index:1000; width:100%; border-top:1px solid #e1e1e1; display:none; position:absolute; 
	background:#fafafa; margin:0 auto; overflow:hidden; } 
#menupalette ul {position:relative; height:170px; padding:0;margin:0;list-style-type:none; }
#menupalette li {position:absolute; padding:0px 0px 30px; line-height:140%; font-size:20px; position:relative; list-style:none; display:none; }
#menupalette li.on { display:block; }
#menupalette li a {font-weight:bold; color:#444; font-size:16px; padding:0 10px 0; padding-bottom:10px;}
#menupalette li .title { position:absolute; width:230px; height:160px; background:url('./image/menupal_title_bg.png') right 0px no-repeat; }
#menupalette li .title h1 { padding:10px; font-size:32px; margin-bottom:5px; color:#555; line-height:100%; }
#menupalette li .title h2 { padding:10px; font-size:12px; margin-top:0px; margin-right:20px; font-family:gulim, gothic; font-weight:normal; color:#444; line-height:150%; }
#menupalette li ul { position:absolute; 
	width:800px; height:140px; padding:10px; list-style-type:none; left:230px; z-index:100; display:none; }
#menupalette li ul { display:block; }
#menupalette li ul li { display:block; padding:2px 0px 0 0px; margin-right:0px; min-height:20px; border-bottom:0px; font-size:14px; line-height:160%; background:none; }
#menupalette li ul li a { font-weight:bold; font-size:13px; padding:0 5px 0 0; }
#menupalette li ul li a:hover { text-decoration:underline;  }
#menupalette li ul li ul { display:block; position:absolute; left: 120px; top:0; margin:0; padding:0; }
#menupalette li ul li ul li { display:inline-block; float:left; width:100px; padding-left:8px; background:url('./image/menupal_sub_menu2_bg.png') left 6px no-repeat; }
#menupalette li ul li ul li a { font-size:12px; xfont-family:gulim, gothic; font-weight:normal; }
#menupalette .open {x-background:url('./image/arr_minus.gif') left 9px no-repeat; }
#menupalette .on {color:#e52a4d;}


/* ------------------------- */

#container { background:#fff; position:relative; }
#container .mainbox {height:320px;padding:25px 0 25px 0; }
#container .subbox { }
#container .sitelink { text-align:right; }
#container .sitelink a { color:#ff8040; font-weight:bold;  }

.wrap-content { clear:both; } 
.content1 { font-size:16px; line-height:160%; }

#squarebox { height:300px; padding: 20px }
#squarebox .vbox { float: left; width: 240px; }
#squarebox .vbox .tt { font-weight: 600; font-family: "malgun gothic"; font-size: 20px; color: #444; padding: 0 0 10px 0; margin: 0; }
#squarebox .vbox .ws { color: #2466BD; padding: 0 0 1px 0; }
#squarebox .vbox p { width: 230px; padding-top: 15px; line-height: 140%; font-size: 11px; color: #666; }
#squarebox .mbox { float: left; width: 600px; }


/* ------------------------- */

#footer {margin:15px 0 10px; clear:both; background-color:white; border-top:#d9d9d9 solid 1px; font-family:Nanum Gothic, Malgun Gothic,Malgun Gothic,Dotum; }
#footer select { font-family:Nanum Gothic, Malgun Gothic,Malgun Gothic,Dotum; }

#footer .footer {padding:15px 0 0 0;}
#footer .footer .slinks {float:left;}
#footer .footer .slinks2 {float:right;}

#footer .footer .elink {padding:0px 0 10px 0;font-size:12px;font-family:dotum; }
#footer .footer .elink a {font-family:gulim;font-size:12px;letter-spacing:-1px;color:#666666;}
#footer .footer .elink a:hover {text-decoration:underline;}
#footer .footer .copyright {font-size:11px;font-family:arial;color:#999999;}
#footer .footer .powered {float:right;}
#footer .footer .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}

#footer .footer .sitelinks { padding:0px 0 10px 0; width:220px; font-size:12px;font-family:dotum; text-align:right; }
#footer .footer .sitelinks select { height:25px; font-size:13px; border:1px solid gray; } 
#footer .footer .sitelinks select#languages { width:90px; } 
#footer .footer .sitelinks select#relatedsites { width:150px; } 
#footer .footer .snslinks { padding:10px 0 10px 0; width:220px; font-size:12px;font-family:dotum; text-align:right; }


/* -- BBS common ----------------------- */
#bbsview { x-font-family:Nanum Gothic,Malgun Gothic,Dotum; } 

/* 

*/
.width100 {	width:100px !important; }
.width150 { width:150px !important; }
.width180 {	width:180px !important; }
.width200 { width:200px !important; }
.width210 { width:210px !important; }
.width230 { width:230px !important; }
.width250 { width:250px !important; }
.width300 { width:300px !important; }
.width400 { width:400px !important; }
.width500 { width:500px !important; }

.tabbutton1 {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(38%, #ededed), color-stop(67%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 38%, #dfdfdf 67% );
	background:-ms-linear-gradient( top, #ededed 38%, #dfdfdf 67% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.tabbutton1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(38%, #dfdfdf), color-stop(67%, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 38%, #ededed 67% );
	background:-ms-linear-gradient( top, #dfdfdf 38%, #ededed 67% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.tabbutton1:active {
	position:relative;
	top:1px;
}


.content-top {
	margin-top:40px; 
	margin-bottom:40px; 
	min-height:80px; 
}

div.tabbar { /* 소개 메뉴 1단 메뉴 */
	width:798px; x-height:36px; 
	margin-top:30px; border:1px solid #e6e6e6; background-color:#fbfbfb; 
	font-family:Nanum Gothic, Malgun Gothic, 굴림,gulim,sans-serif; 
}
div.tabbar ul {
	list-style:none; margin:0; padding:0; 
}
div.tabbar ul li {
	float:left; display:inline-block; 
	margin:0px; height:26px; padding:5px 15px 5px; border-right:1px solid #e6e6e6; xborder-bottom:1px solid #e6e6e6; xborder-top:1px solid #e6e6e6; 
	x-background-color:#f8fbfa;
	background:url(image/tabbar_li_bg.png) left center repeat;
}
div.tabbar ul li a {
	color:#055a69;
}
div.tabbar ul li.on {
	font-weight:bold;
}
a.tabbutton { 
	margin:4px 0; display:block; 
}

/* 소개 메뉴 1단 메뉴 - 자색*/
/*
div.tabbar { 
	width:798px; x-height:36px; 
	margin-top:30px; border:1px solid #eee4f1; background-color:#fbfbfb; 
}
div.tabbar ul {
	list-style:none; margin:0; padding:0; 
}
div.tabbar ul li {
	float:left; display:inline-block; 
	margin:0px; height:26px; padding:5px 15px 5px; border-right:1px solid #eee4f1; xborder-bottom:1px solid #e6e6e6; xborder-top:1px solid #e6e6e6; 
	x-background-color:#f8fbfa;
	background:url(image/tabbar_li_bg.png) left center repeat;
}
div.tabbar ul li a {
	color:#7c4d91;
}
div.tabbar ul li.on {
	font-weight:bold;
}
a.tabbutton { 
	margin:4px 0; display:block; 
}
*/

/* 소개 메뉴 2단 메뉴 */
div.tabbar2 {  
	x-border:1px solid #e6e6e6; 
	border-top:none; background-color:#7dc8e9; 
	padding-left:15px; 
	font-family:Nanum Gothic, Malgun Gothic, 굴림,gulim,sans-serif; 
}
div.tabbar2 ul {
	list-style:none; margin:0; padding:0; 
}
div.tabbar2 ul li {
	float:left; display:inline-block; 
	margin:0px; height:26px; padding:2px 10px 2px;
	background:url(image/tabbutton2_bg.png) left center no-repeat ;
}
div.tabbar2 ul li.on {
	font-weight:bold;
}
div.tabbar2 ul li:last-child {
	background:none; 
}
a.tabbutton2 { 
	margin:4px 0; display:block; 
	font-size:12px; 
	color : white;
}

/* 소개 메뉴 2단 메뉴 - 자색*/
/*
div.tabbar2 {  
	x-border:1px solid #e6e6e6; 
	border-top:none; background-color:#ad85be; 
	padding-left:15px; 
}
div.tabbar2 ul {
	list-style:none; margin:0; padding:0; 
}
div.tabbar2 ul li {
	float:left; display:inline-block; 
	margin:0px; height:26px; padding:2px 10px 2px;
	background:url(image/tabbutton2_bg.png) left center no-repeat ;
}
div.tabbar2 ul li.on {
	font-weight:bold;
}
div.tabbar2 ul li:last-child {
	background:none; 
}
a.tabbutton2 { 
	margin:4px 0; display:block; 
	font-size:12px; 
	color : white;
}
*/


div.tabbar3 {	/* 백문백답 1 메뉴 */ 
	margin-top:30px; border:1px solid #d2ddda; 
	padding: 10px 15px 5px; 
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background: #fafafa;
	font-family:Nanum Gothic,Malgun Gothic, 굴림,gulim,sans-serif; 
}
div.tabbar3 ul {
	list-style:none; padding:0; 
	x-background-color:#f8fbfa; 
}
div.tabbar3 ul li {
	float:left; display:inline-block; 
	height:26px; padding:2px 5px 2px;
	x-background-color:#f8fbfa;
}
div.tabbar3 ul li.on {
	font-weight:700;
}


div.tabbar4 { /* pre/next */
	margin-top:30px; margin-bottom:30px; 
	border:none; list-style:none; padding:0; 
	padding: 0px 5px 0px; 
	font-family:Nanum Gothic, Malgun Gothic, 굴림,gulim,sans-serif; 
}
div.tabbar4 ul li {
	float:left; display:inline-block; 
	height:26px; xpadding:2px 5px 2px;
	background-color:#f8fbfa;
}
div.tabbar4 ul li.on {
	font-weight:700;
}
a.tabbutton4 { 
	margin:4px 0; display:block; 
	font-size:14px; 
}
a.tabbutton4:before { 
}

.tabbar5 { /* 목차 */
	float:right; 
	width:214px;
	background:url(image/box/tabbar5_bg.png) repeat-y;
	margin-left:30px;
	font-family:Nanum Gothic, Malgun Gothic, 굴림,gulim,sans-serif; 
}
.tabbar5 .tabbar5-top { 
	height:29px;
	background:url(image/box/tabbar5_top.png) repeat-y;
}
.tabbar5 .tabbar5-bottom { 
	height:31px;
	background:url(image/box/tabbar5_bottom.png) repeat-y;
}
div.tabbar5 ul {
	list-style:none; 
	padding:0; 
}
div.tabbar5 ul li {
	display:block; 
	height:20px; 
	margin:0 11px 0;
	padding-left:5px;
	xbackground-color:#f8fbfa;
}
div.tabbar5 ul li:hover {
	background-color:#DDDDDD;
}
div.tabbar5 ul li.on {
	font-weight:700;
	background-color:#A4A4A4;
}
div.tabbar5 ul li.on a {
	color:white;
}
div.tabbar5 ul li.on a:hover {
	color:#ddd;
}
a.tabbutton5 { 
	margin:4px 0; display:block; 
	font-size:14px; 
}
a.tabbutton5:before { 
	content:" · ";
}

div.tabbar6 {	/* 백문백답 2 메뉴 */ 
	margin-top:10px; 
	padding: 5px 15px 5px; 
	border:1px solid #d2ddda; border-top:none; background-color:#e7efed; 
	padding-left:5px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
	font-family:Nanum Gothic, Malgun Gothic,굴림,gulim,sans-serif; 
}
div.tabbar6 ul {
	list-style:none; 
	padding:0px;
}
div.tabbar6 ul li {
	float:left; display:inline-block; 
	height:15px; padding:2px 5px 2px;
	x-background-color:#f8fbfa;
}
div.tabbar6 ul li.on {
	font-weight:700;
}
a.tabbutton6 { 
	margin:0 5px 0; display:block; 
	font-size:14px; 
}

.box_round1 {
	border:1px solid #d2ddda; padding:20px; background-color:#f8fbfa; 
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

/**************************************************************/
/* from pure css ( http://purecss.io/buttons/ ) */

.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* csslint unqualified-attributes:false, outline-none:false */ 
.pure-button {
	font-size: 100%;
	*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
	*overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
	padding: 0.5em 1.5em 0.5em;
	color: #444; /* rgba not supported (IE 8) */
	color: rgba(0, 0, 0, 0.80); /* rgba supported */
	*color: #444; /* IE 6 & 7 */
	border: 1px solid #999;  /*IE 6/7/8*/
	border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px;
	/* Transitions */
	-webkit-transition: 0.1s linear -webkit-box-shadow;
	-moz-transition: 0.1s linear -moz-box-shadow;
	-ms-transition: 0.1s linear box-shadow;
	-o-transition: 0.1s linear box-shadow;
	transition: 0.1s linear box-shadow;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
	background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
	background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
	background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
	outline: 0;
}
.pure-button-active,
.pure-button:active {
	box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter: alpha(opacity=40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: not-allowed;
	box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.pure-button-success,
a.pure-button-success,
.pure-button-error,
a.pure-button-error,
.pure-button-warning,
a.pure-button-warning,
.pure-button-secondary,
a.pure-button-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-success {
	background: rgb(28, 184, 65); /* this is a green */
}

.pure-button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.pure-button-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.pure-button-secondary {
	background: rgb(66, 184, 221); /* this is a light blue */
}

.pure-button-xsmall {
	font-size: 70%;
}

.pure-button-small {
	font-size: 85%;
}

.pure-button-large {
	font-size: 110%;
}

.pure-button-xlarge {
	font-size: 125%;
}

/**************************************************************/

a.tooltip1 { outline:none; }
a.tooltip1 strong { line-height:30px; }
a.tooltip1:hover {  } 
a.tooltip1 span { 
	z-index:10; display:none; padding:14px 20px; 
	margin-top:-10px; margin-left:10px;
	width:170px; line-height:16px;
	opacity:0.85;
} 
a.tooltip1.hover span, a.tooltip1:hover span { 
    display:inline; position:absolute; color:#111; 
    border:1px solid #DCA; background:#fffAF0; 
	font-size:12px; 
} 
.callout { z-index:20; position:absolute; top:30px; border:0; left:-12px; }

/*CSS3 extras*/
a.tooltip1 span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

/**************************************************************/
/* Document Styles */

.dojeon {
	border:1px solid #EEEEEE; 
	padding:10px 20px 10px; 
	background-color:#FFFCF0; 
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.dojeon h3 {
	font-size: 16px; 
	color:#B30000;
	xpadding:0.5em 0 0.5em;
	font-weight:700;
}
.dojeon ul {
	list-style:none;
	padding-left:0;
}
.dojeon li {
	padding:5px;
}

.messagebox {
	margin: 1.3em 0 1.3em;
	padding: 1.3em;
	x-font-family: Consolas, 'Liberation Mono', Courier, monospace;
	color: #333;
	background: rgb(250, 250, 250);
	border: 1px solid #eee;
}

.copyright-notice { color:#777; }
.copyright-notice a { color:#777; }

.rightbanner {
    position: absolute;
    top: -120px;
    right: 40px;
    z-index: 10;
} 

#kakaostory-follow-button { display:inline; margin-right:10px; }



/* main_home -----------------------------------------------------------*/

.slide {
	width:1000px;
	height:360px;
	padding:0px 0px 0px 0px;
	margin:10px 0 10px;
	float:left;
	-box-shadow: 0px 10px 30px #eeeeee;
}
.news {
	width:215px;
	height:320px;
	padding:20px;
	overflow:hidden;
	float:left;
	background:url(image/jsdkr14212/main/today.png); 
}
.line {
	clear:both;
	width:100%;
	height:1px;
	xbackground-color:#d9d9d9;
	xmargin-top:20px;
	xmargin-bottom:20px;
}
.section {
	float:left;
	position:relative;
	overflow:hidden;
	font-size:13px;
	border-top:0;
	border-left:solid 1px #efefef; 
	border-right:solid 1px #efefef; 
	border-bottom:solid 1px #e4e4e4; 
	border-radius:3px;	
	box-shadow: 0px 2px 2px #eeeeee;
	background-color:white;
	margin-right:4px;
	margin-bottom:5px;
}
.section_noborder  {
	float:left;
	position:relative;
	overflow:hidden;
	font-size:13px;
}
.section-last {
	margin-right:0;
}
.section_contents {
	width:100%;
	min-height:200px;
	margin-top:25px;
}
.section_bottom {
	position:absolute;
	bottom:0px;
	right:0px;
	margin-top:5px;
	margin-bottom:5px;	
	padding:0px 10px 0px;
	text-align:right; 
}
.section_bottom a {
	font-size:13px;
	color:#c0c0c0;
}
.section_bottom a:hover {
	color:#444;
	text-decoration:underline;
}
.section h2 {
	font-size:1.2em;
	margin-top: 0px;
	color:#3c97df;
}
.section h2:hover {
	text-decoration:underline;
}
.section h2 a {
	color:#3c97df;
}
.section1-1 {
	width:238px; 
	height:228px; 
	padding:15px 10px 15px;
  border-top: solid 1px #efefef;
}
.section1-1 .section_contents {
	margin-left:10px;
	margin-top:10px;
}
.section1-1 .section_bottom {
	left:0;
	margin-bottom:-5px;
}

.section1-2 {
	width:438px; 
	height:228px; 
	padding:15px 10px 15px 20px; 
  border-top: solid 1px #efefef;
}

.section1-3 {
	width:240px; 
	height:228px; 
	padding:15px 10px 15px;
  border-top: solid 1px #efefef;
}

.section2-1 {
	width:238px; 
	height:268px; 
	padding:15px 10px 15px; 
}

.section2-1 .section_contents {
	font-size:15px;
	line-height:160%;
}

.section2-2 {
	width:211px; 
	height:268px; 
	padding:15px 10px 15px; 
}

.section2-3 {
	width:211px; 
	height:268px; 
	padding:15px 10px 15px;
}

.section2-4 {
	width:240px; 
	height:268px; 
	padding:15px 10px 15px;
}

.section2-10 {
	width:718px; 
	height:268px; 
	padding:15px 10px 15px;
}

.section2-11 {
	width:718px; 
	x-height:268px; 
  height: 285px;
	padding:15px 10px 15px;
}

.section3-1 {
	width:730px; 
	height:90px; 
	padding:0px;
	x-background:url(image/jsdkr14212/main/vline_gray2.png) right center no-repeat; 
	background:url(image/main_home/vline_gray2.png) right center no-repeat; 
	margin-bottom:25px;
}

.section3-3 {
	width:250px; 
	height:80px; 
	padding:10px 5px 0px;
	x-background:url(image/jsdkr14212/main/section_title6_6.png) left top no-repeat; 
	background:url(image/main_home/section_title6_6.png) left top no-repeat; 
	margin-bottom:25px;
	margin-left:2px;
	margin-right:0;
}

.section3-3 #mp3player {
	position:relative;
	top:20px;
	left:15px;
}

/* ---------------------------------------------------------------------------------------------- */

.news_title {
	clear:left;
}
.newsbox { 	
	padding-bottom:10px; 
}
img.maintitle1 {
	float:left;
}
#fornewbies a {
	float:left;
}
#fornewbies img {
	cursor:pointer;
}

/* ---------------------------------------------------------------------------------------------- */

.section2-3 .sliderwrapper {
	height:260px; 
}

/* ---------------------------------------------------------------------------------------------- */

/* newstab navigation */
#news-tab-container { xfont-family:나눔고딕; } 
#news-tab-container > ul { position:relative;margin:0;margin-bottom:5px; padding:5px 0 0 0; list-style:none;border-bottom:1px solid #ccc;x-font-family:Tahoma, Sans-serif;font-size:12px;*zoom:1; }
#news-tab-container > ul:after{ content:"";display:block;clear:both; }
#news-tab-container > ul li { float:left;margin-right:4px; margin-bottom:-1px; }
#news-tab-container > ul li a { position:relative;float:left;text-decoration:none;border:1px solid #ddd;border-bottom-color:#ccc;background:white;color:#333;
display:inline-block; height:16px; font-size:14px; padding:6px 10px 6px 10px; letter-spacing:-1px; cursor:pointer;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
#news-tab-container > ul li a:hover,
#news-tab-container > ul li a.on { background:#6799EB; color:#fff; }
#news-tab-container div.newsbox { display:none; }

/* tabmenu1 */
#tabmenu1 { xfont-family:나눔고딕; } 
#tabmenu1 > ul { position:relative;margin:0;margin-bottom:5px; padding:5px 0 0 0; list-style:none; font-size:12px;*zoom:1; }
#tabmenu1 > ul:after{ content:"";display:block;clear:both; }
#tabmenu1 > ul li { float:left;margin:0 10px 0; }
#tabmenu1 > ul li a { 
	position:relative;float:left;text-decoration:none;
	background:white;color:#777; display:inline-block; 
	font-weight:bold;
	font-size:15px; 
	vertical-align:top;
}
#tabmenu1 > ul li a span.hd { padding: 5px 8px; font-size: 0.9em; color: #fff; background: #0fc5e1 }
#tabmenu1 > ul li a:hover,
#tabmenu1 > ul li a.on { color:#333333; }
#tabmenu1 div.tab1box { display:none; }
#tabmenu1 > ul li:first-child a img { margin-top:-3px; }

/* tabmenu2 */
#tabmenu2 { xfont-family:나눔고딕; } 
#tabmenu2 > ul { position:relative;margin:0;margin-bottom:5px; padding:5px 0 0 0;  font-size:12px;*zoom:1; list-style: none; }
#tabmenu2 > ul:after{ content:"";display:block;clear:both; }
#tabmenu2 > ul li { float:left; }
#tabmenu2 > ul li a { position:relative;float:left;
	text-decoration:none;
	display:inline-block; 
}
#tabmenu2 > ul li a:hover,
#tabmenu2 > ul li a.on { }
#tabmenu2 div.tab2box { display:none; }


/* 기타 튜닝 */ 
.widget_post01_jsdkr .more {
    top: 1px !important;
    right: 4px !important;
}

/* 모바일 --------------------------- */

.slide_mobile {
	width:100%;
}

.wrap_m { }

.section_m {
	margin:0px auto; 
	padding:5px 0 5px;
	border-top:2px solid #DDDDDD;
}

.touchslider-item {
	xwidth:330px;
}

.touchslider-viewport {
	width:100%;
	height:340px;
}

.touchslider-viewport2 {
	width:100%;
	height:280px;
}

.touchslider-nav-item {
	cursor:pointer; 
	margin-right:5px; 
	font-weight:normal;	
	padding:0 10px 0;	
	color:#999999;
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	border-bottom:none;
	display:inline-block;
	font-family:Arial;
	font-size:15px;
	font-style:normal;
	height:30px;
	line-height:30px;	
	text-decoration:none;
	text-align:center;
	
	
}

.touchslider-nav-item-current {
	color:#444;
	font-weight:bold;	
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #eeb44f;
	border-bottom:none;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align:center;	
}

.msub_title {
	margin:5px;
	border-bottom:1px solid #eeb44f;
}

.msub_title h3 {
	color:#777; 
}

.icons .icon {
	display:inline-block;
	width:60px; 
	height:100px; 
	margin:10px;
	vertical-align:top;
}

.icons .icon img {
	width:60px; 
}

.icons .icon .name {
	text-align:center; 
	font-size:12px; 
	color:#777; 
}


#eventbanner { }

.widget_eventbanner { margin:30px 0 30px; }
.widget_eventbanner ul { margin:0; padding:0; }
.widget_eventbanner ul li { list-style:none; }



/* grid */

.clear:before, .clear:after { content: " "; display: table; }

.clear:after { clear: both; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }

.row { position: relative; margin-left: -15px; margin-right: -15px; }

@media only screen and (min-width: 740px) { .row-m { position: relative; margin-left: -15px; margin-right: -15px; }
  .row-m:before, .row-m:after { content: ""; display: table; }
  .row-m:after { clear: both; }
  .clear-m:before, .clear-m:after { content: ""; display: table; }
  .clear-m:after { clear: both; } }
@media only screen and (min-width: 980px) { .row-l { position: relative; margin-left: -15px; margin-right: -15px; }
  .row-l:before, .row-l:after { content: ""; display: table; }
  .row-l:after { clear: both; }
  .clear-l:before, .clear-l:after { content: ""; display: table; }
  .clear-l:after { clear: both; } }
@media only screen and (min-width: 1140px) { .row-xl { position: relative; margin-left: -15px; margin-right: -15px; }
  .row-xl:before, .row-xl:after { content: ""; display: table; }
  .row-xl:after { clear: both; }
  .clear-xl:before, .clear-xl:after { content: ""; display: table; }
  .clear-xl:after { clear: both; } }
.container, .container-full { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 740px) { .container { width: 720px; }
  .container-m, .container-full-m { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
  .container-m { width: 720px; }
  .container-full-m { width: auto; } }
@media only screen and (min-width: 980px) { .container { width: 960px; }
  .container-l, .container-full-l { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
  .container-l { width: 960px; }
  .container-full-l { width: auto; } }
@media only screen and (min-width: 1140px) { .container { width: 1120px; }
  .container-xl, .container-full-xl { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
  .container-xl { width: 1120px; }
  .container-full-xl { width: auto; } }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 { padding-left: 15px; padding-right: 15px; position: relative; float: left; }

.col-1 { width: 8.33333%; }

.col-2 { width: 16.66667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33333%; }

.col-5 { width: 41.66667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33333%; }

.col-8 { width: 66.66667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33333%; }

.col-11 { width: 91.66667%; }

.col-12 { width: 100%; }

.col-1-2 { width: 50%; }

.col-1-3 { width: 33.33333%; }

.col-2-3 { width: 66.66667%; }

.col-1-4 { width: 25%; }

.col-3-4 { width: 75%; }

.col-1-5 { width: 20%; }

.col-2-5 { width: 40%; }

.col-3-5 { width: 60%; }

.col-4-5 { width: 80%; }

.col-full { width: 100%; }

.push-1 { left: 8.33333%; }

.push-2 { left: 16.66667%; }

.push-3 { left: 25%; }

.push-4 { left: 33.33333%; }

.push-5 { left: 41.66667%; }

.push-6 { left: 50%; }

.push-7 { left: 58.33333%; }

.push-8 { left: 66.66667%; }

.push-9 { left: 75%; }

.push-10 { left: 83.33333%; }

.push-11 { left: 91.66667%; }

.push-1-2 { left: 50%; }

.push-1-3 { left: 33.33333%; }

.push-2-3 { left: 66.66667%; }

.push-1-4 { left: 25%; }

.push-3-4 { left: 75%; }

.push-1-5 { left: 20%; }

.push-2-5 { left: 40%; }

.push-3-5 { left: 60%; }

.push-4-5 { left: 80%; }

.pull-1 { left: -8.33333%; }

.pull-2 { left: -16.66667%; }

.pull-3 { left: -25%; }

.pull-4 { left: -33.33333%; }

.pull-5 { left: -41.66667%; }

.pull-6 { left: -50%; }

.pull-7 { left: -58.33333%; }

.pull-8 { left: -66.66667%; }

.pull-9 { left: -75%; }

.pull-10 { left: -83.33333%; }

.pull-11 { left: -91.66667%; }

.pull-1-2 { left: -50%; }

.pull-1-3 { left: -33.33333%; }

.pull-2-3 { left: -66.66667%; }

.pull-1-4 { left: -25%; }

.pull-3-4 { left: -75%; }

.pull-1-5 { left: -20%; }

.pull-2-5 { left: -40%; }

.pull-3-5 { left: -60%; }

.pull-4-5 { left: -80%; }

@media only screen and (min-width: 740px) { .col-1-m, .col-2-m, .col-3-m, .col-4-m, .col-5-m, .col-6-m, .col-7-m, .col-8-m, .col-9-m, .col-10-m, .col-11-m, .col-12-m, .col-1-2-m, .col-1-3-m, .col-2-3-m, .col-1-4-m, .col-3-4-m, .col-1-5-m, .col-2-5-m, .col-3-5-m, .col-4-5-m { padding-left: 15px; padding-right: 15px; position: relative; float: left; }
  .col-1-m { width: 8.33333%; }
  .col-2-m { width: 16.66667%; }
  .col-3-m { width: 25%; }
  .col-4-m { width: 33.33333%; }
  .col-5-m { width: 41.66667%; }
  .col-6-m { width: 50%; }
  .col-7-m { width: 58.33333%; }
  .col-8-m { width: 66.66667%; }
  .col-9-m { width: 75%; }
  .col-10-m { width: 83.33333%; }
  .col-11-m { width: 91.66667%; }
  .col-12-m { width: 100%; }
  .col-1-2-m { width: 50%; }
  .col-1-3-m { width: 33.33333%; }
  .col-2-3-m { width: 66.66667%; }
  .col-1-4-m { width: 25%; }
  .col-3-4-m { width: 75%; }
  .col-1-5-m { width: 20%; }
  .col-2-5-m { width: 40%; }
  .col-3-5-m { width: 60%; }
  .col-4-5-m { width: 80%; }
  .col-full-m { width: 100%; }
  .push-1-m { left: 8.33333%; }
  .push-2-m { left: 16.66667%; }
  .push-3-m { left: 25%; }
  .push-4-m { left: 33.33333%; }
  .push-5-m { left: 41.66667%; }
  .push-6-m { left: 50%; }
  .push-7-m { left: 58.33333%; }
  .push-8-m { left: 66.66667%; }
  .push-9-m { left: 75%; }
  .push-10-m { left: 83.33333%; }
  .push-11-m { left: 91.66667%; }
  .push-1-2-m { left: 50%; }
  .push-1-3-m { left: 33.33333%; }
  .push-2-3-m { left: 66.66667%; }
  .push-1-4-m { left: 25%; }
  .push-3-4-m { left: 75%; }
  .push-1-5-m { left: 20%; }
  .push-2-5-m { left: 40%; }
  .push-3-5-m { left: 60%; }
  .push-4-5-m { left: 80%; }
  .pull-1-m { left: -8.33333%; }
  .pull-2-m { left: -16.66667%; }
  .pull-3-m { left: -25%; }
  .pull-4-m { left: -33.33333%; }
  .pull-5-m { left: -41.66667%; }
  .pull-6-m { left: -50%; }
  .pull-7-m { left: -58.33333%; }
  .pull-8-m { left: -66.66667%; }
  .pull-9-m { left: -75%; }
  .pull-10-m { left: -83.33333%; }
  .pull-11-m { left: -91.66667%; }
  .pull-1-2-m { left: -50%; }
  .pull-1-3-m { left: -33.33333%; }
  .pull-2-3-m { left: -66.66667%; }
  .pull-1-4-m { left: -25%; }
  .pull-3-4-m { left: -75%; }
  .pull-1-5-m { left: -20%; }
  .pull-2-5-m { left: -40%; }
  .pull-3-5-m { left: -60%; }
  .pull-4-5-m { left: -80%; } }
@media only screen and (min-width: 980px) { .col-1-l, .col-2-l, .col-3-l, .col-4-l, .col-5-l, .col-6-l, .col-7-l, .col-8-l, .col-9-l, .col-10-l, .col-11-l, .col-12-l, .col-1-2-l, .col-1-3-l, .col-2-3-l, .col-1-4-l, .col-3-4-l, .col-1-5-l, .col-2-5-l, .col-3-5-l, .col-4-5-l { padding-left: 15px; padding-right: 15px; position: relative; float: left; }
  .col-1-l { width: 8.33333%; }
  .col-2-l { width: 16.66667%; }
  .col-3-l { width: 25%; }
  .col-4-l { width: 33.33333%; }
  .col-5-l { width: 41.66667%; }
  .col-6-l { width: 50%; }
  .col-7-l { width: 58.33333%; }
  .col-8-l { width: 66.66667%; }
  .col-9-l { width: 75%; }
  .col-10-l { width: 83.33333%; }
  .col-11-l { width: 91.66667%; }
  .col-12-l { width: 100%; }
  .col-1-2-l { width: 50%; }
  .col-1-3-l { width: 33.33333%; }
  .col-2-3-l { width: 66.66667%; }
  .col-1-4-l { width: 25%; }
  .col-3-4-l { width: 75%; }
  .col-1-5-l { width: 20%; }
  .col-2-5-l { width: 40%; }
  .col-3-5-l { width: 60%; }
  .col-4-5-l { width: 80%; }
  .col-full-l { width: 100%; }
  .push-1-l { left: 8.33333%; }
  .push-2-l { left: 16.66667%; }
  .push-3-l { left: 25%; }
  .push-4-l { left: 33.33333%; }
  .push-5-l { left: 41.66667%; }
  .push-6-l { left: 50%; }
  .push-7-l { left: 58.33333%; }
  .push-8-l { left: 66.66667%; }
  .push-9-l { left: 75%; }
  .push-10-l { left: 83.33333%; }
  .push-11-l { left: 91.66667%; }
  .push-1-2-l { left: 50%; }
  .push-1-3-l { left: 33.33333%; }
  .push-2-3-l { left: 66.66667%; }
  .push-1-4-l { left: 25%; }
  .push-3-4-l { left: 75%; }
  .push-1-5-l { left: 20%; }
  .push-2-5-l { left: 40%; }
  .push-3-5-l { left: 60%; }
  .push-4-5-l { left: 80%; }
  .pull-1-l { left: -8.33333%; }
  .pull-2-l { left: -16.66667%; }
  .pull-3-l { left: -25%; }
  .pull-4-l { left: -33.33333%; }
  .pull-5-l { left: -41.66667%; }
  .pull-6-l { left: -50%; }
  .pull-7-l { left: -58.33333%; }
  .pull-8-l { left: -66.66667%; }
  .pull-9-l { left: -75%; }
  .pull-10-l { left: -83.33333%; }
  .pull-11-l { left: -91.66667%; }
  .pull-1-2-l { left: -50%; }
  .pull-1-3-l { left: -33.33333%; }
  .pull-2-3-l { left: -66.66667%; }
  .pull-1-4-l { left: -25%; }
  .pull-3-4-l { left: -75%; }
  .pull-1-5-l { left: -20%; }
  .pull-2-5-l { left: -40%; }
  .pull-3-5-l { left: -60%; }
  .pull-4-5-l { left: -80%; } }
@media only screen and (min-width: 1140px) { .col-1-xl, .col-2-xl, .col-3-xl, .col-4-xl, .col-5-xl, .col-6-xl, .col-7-xl, .col-8-xl, .col-9-xl, .col-10-xl, .col-11-xl, .col-12-xl, .col-1-2-xl, .col-1-3-xl, .col-2-3-xl, .col-1-4-xl, .col-3-4-xl, .col-1-5-xl, .col-2-5-xl, .col-3-5-xl, .col-4-5-xl { padding-left: 15px; padding-right: 15px; position: relative; float: left; }
  .col-1-xl { width: 8.33333%; }
  .col-2-xl { width: 16.66667%; }
  .col-3-xl { width: 25%; }
  .col-4-xl { width: 33.33333%; }
  .col-5-xl { width: 41.66667%; }
  .col-6-xl { width: 50%; }
  .col-7-xl { width: 58.33333%; }
  .col-8-xl { width: 66.66667%; }
  .col-9-xl { width: 75%; }
  .col-10-xl { width: 83.33333%; }
  .col-11-xl { width: 91.66667%; }
  .col-12-xl { width: 100%; }
  .col-1-2-xl { width: 50%; }
  .col-1-3-xl { width: 33.33333%; }
  .col-2-3-xl { width: 66.66667%; }
  .col-1-4-xl { width: 25%; }
  .col-3-4-xl { width: 75%; }
  .col-1-5-xl { width: 20%; }
  .col-2-5-xl { width: 40%; }
  .col-3-5-xl { width: 60%; }
  .col-4-5-xl { width: 80%; }
  .col-full-xl { width: 100%; }
  .push-1-xl { left: 8.33333%; }
  .push-2-xl { left: 16.66667%; }
  .push-3-xl { left: 25%; }
  .push-4-xl { left: 33.33333%; }
  .push-5-xl { left: 41.66667%; }
  .push-6-xl { left: 50%; }
  .push-7-xl { left: 58.33333%; }
  .push-8-xl { left: 66.66667%; }
  .push-9-xl { left: 75%; }
  .push-10-xl { left: 83.33333%; }
  .push-11-xl { left: 91.66667%; }
  .push-1-2-xl { left: 50%; }
  .push-1-3-xl { left: 33.33333%; }
  .push-2-3-xl { left: 66.66667%; }
  .push-1-4-xl { left: 25%; }
  .push-3-4-xl { left: 75%; }
  .push-1-5-xl { left: 20%; }
  .push-2-5-xl { left: 40%; }
  .push-3-5-xl { left: 60%; }
  .push-4-5-xl { left: 80%; }
  .pull-1-xl { left: -8.33333%; }
  .pull-2-xl { left: -16.66667%; }
  .pull-3-xl { left: -25%; }
  .pull-4-xl { left: -33.33333%; }
  .pull-5-xl { left: -41.66667%; }
  .pull-6-xl { left: -50%; }
  .pull-7-xl { left: -58.33333%; }
  .pull-8-xl { left: -66.66667%; }
  .pull-9-xl { left: -75%; }
  .pull-10-xl { left: -83.33333%; }
  .pull-11-xl { left: -91.66667%; }
  .pull-1-2-xl { left: -50%; }
  .pull-1-3-xl { left: -33.33333%; }
  .pull-2-3-xl { left: -66.66667%; }
  .pull-1-4-xl { left: -25%; }
  .pull-3-4-xl { left: -75%; }
  .pull-1-5-xl { left: -20%; }
  .pull-2-5-xl { left: -40%; }
  .pull-3-5-xl { left: -60%; }
  .pull-4-5-xl { left: -80%; } }
.no-margin { margin: 0; }

.no-padding { padding: 0; }

.no-float { float: none; }

.no-background { background: transparent; }

.no-border { border: 0; }

.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; }

.font-100 { font-weight: 100; }

.font-200 { font-weight: 200; }

.font-300 { font-weight: 300; }

.font-400 { font-weight: 400; }

.font-500 { font-weight: 500; }

.font-600 { font-weight: 600; }

.font-700 { font-weight: 700; }

.font-800 { font-weight: 800; }

.font-900 { font-weight: 900; }

.font-normal { font-style: normal; }

.font-italic { font-style: italic; }

.uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.relative { position: relative; }

.absolute { position: absolute; }

.static { position: static; }

.fixed { position: fixed; }

.none { display: none; }

.block { display: block; }

.inline-block { display: inline-block; }

.inline { display: inline; }

.flex { display: flex; }

.flex-row { flex-direction: row; }

.flex-column { flex-direction: column; }

.flex-space-around { justify-content: space-around; }

.flex-space-between { justify-content: space-between; }

.flex-start { justify-content: flex-start; }

.flex-center { justify-content: center; }

.flex-end { justify-content: flex-end; }

.flex-wrap { flex-wrap: wrap; }

.flex-nowrap { flex-wrap: nowrap; }

.left { float: left; }

.right { float: right; }

.center { float: none; margin-left: auto; margin-right: auto; }

.pad-top-5 { padding-top: 5px; }

.pad-top-10 { padding-top: 10px; }

.pad-top-15 { padding-top: 15px; }

.pad-top-20 { padding-top: 20px; }

.pad-top-25 { padding-top: 25px; }

.pad-top-30 { padding-top: 30px; }

.pad-top-35 { padding-top: 35px; }

.pad-top-40 { padding-top: 40px; }

.pad-top-45 { padding-top: 45px; }

.pad-top-50 { padding-top: 50px; }

.pad-top-55 { padding-top: 55px; }

.pad-top-60 { padding-top: 60px; }

.pad-bottom-5 { padding-bottom: 5px; }

.pad-bottom-10 { padding-bottom: 10px; }

.pad-bottom-15 { padding-bottom: 15px; }

.pad-bottom-20 { padding-bottom: 20px; }

.pad-bottom-25 { padding-bottom: 25px; }

.pad-bottom-30 { padding-bottom: 30px; }

.pad-bottom-35 { padding-bottom: 35px; }

.pad-bottom-40 { padding-bottom: 40px; }

.pad-bottom-45 { padding-bottom: 45px; }

.pad-bottom-50 { padding-bottom: 50px; }

.pad-bottom-55 { padding-bottom: 55px; }

.pad-bottom-60 { padding-bottom: 60px; }

.pad-5 { padding: 5px; }

.pad-10 { padding: 10px; }

.pad-15 { padding: 15px; }

.pad-20 { padding: 20px; }

.pad-25 { padding: 25px; }

.pad-30 { padding: 30px; }

.pad-35 { padding: 35px; }

.pad-40 { padding: 40px; }

.pad-45 { padding: 45px; }

.pad-50 { padding: 50px; }

.pad-55 { padding: 55px; }

.pad-60 { padding: 60px; }

.sr { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.list-unstyled { list-style: none; margin: 0; padding: 0; }
.list-unstyled li { margin: 0; padding: 0; }

.list-inline { list-style: none; margin: 0; padding: 0; }
.list-inline li { margin: 0; padding: 0; display: inline-block; }

.img-fluid { max-width: 100%; }

.field { width: 100%; }

.form-group { overflow: hidden; }
.form-group label { display: inline-block; padding-top: 8px; }

.disabled, [disabled] { pointer-events: none; cursor: not-allowed; opacity: .5; }

.checkbox, .radio { display: inline-block; position: relative; }
.checkbox label, .radio label { padding-left: 20px; padding-top: 0; display: inline-block; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="checkbox"], .radio input[type="radio"] { position: absolute; top: 4px; left: 0; }

.select { position: relative; display: block; }
.select:before { content: ""; border: 6px solid transparent; border-top-color: #676767; top: 50%; right: 10px; margin-top: -3px; pointer-events: none; position: absolute; }
.select select { -webkit-appearance: none; -moz-appearance: none; height: 36px; width: 100%; padding: 0 10px; line-height: normal; border: 1px solid #ccc; background: #fff; display: block; }
.select select::-ms-expand { display: none; }
.select select:focus { border-color: #f7c723; }
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; border-color: #f7c723; }

.animation { animation-duration: 1s; animation-fill-mode: both; }

.animation-infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/*
table { font-size: 12px; font-size: 0.75rem; border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; text-align: left; }
table thead td, table thead th, table tbody td, table tbody th, table tfoot td, table tfoot th { color: #585858; padding: 10px; border-bottom: 1px solid #e9e9e9; }
*/

@media only screen and (min-width: 740px) { .no-float-m { float: none; }
  .no-padding-m { padding: 0; }
  .no-margin-m { margin: 0; }
  .relative-m { position: relative; }
  .absolute-m { position: absolute; }
  .static-m { position: static; }
  .fixed-m { position: fixed; }
  .none-m { display: none; }
  .block-m { display: block; }
  .inline-block-m { display: inline-block; }
  .inline-m { display: inline; }
  .flex-m { display: flex; }
  .flex-row-m { flex-direction: row; }
  .flex-column-m { flex-direction: column; }
  .flex-space-around-m { justify-content: space-around; }
  .flex-space-between-m { justify-content: space-between; }
  .flex-start-m { justify-content: flex-start; }
  .flex-center-m { justify-content: center; }
  .flex-end-m { justify-content: flex-end; }
  .flex-wrap-m { flex-wrap: wrap; }
  .flex-nowrap-m { flex-wrap: nowrap; }
  .left-m { float: left; }
  .right-m { float: right; }
  .center-m { float: none; margin-left: auto; margin-right: auto; }
  .text-left-m { text-align: left; }
  .text-right-m { text-align: right; }
  .text-center-m { text-align: center; }
  .text-justify-m { text-align: justify; }
  .no-col-m { width: auto; float: none; }
  .no-push-m, .no-pull-m { left: 0; }
  .pad-top-0-m { padding-top: 0; }
  .pad-top-5-m { padding-top: 5px; }
  .pad-top-10-m { padding-top: 10px; }
  .pad-top-15-m { padding-top: 15px; }
  .pad-top-20-m { padding-top: 20px; }
  .pad-top-25-m { padding-top: 25px; }
  .pad-top-30-m { padding-top: 30px; }
  .pad-top-35-m { padding-top: 35px; }
  .pad-top-40-m { padding-top: 40px; }
  .pad-top-45-m { padding-top: 45px; }
  .pad-top-50-m { padding-top: 50px; }
  .pad-top-55-m { padding-top: 55px; }
  .pad-top-60-m { padding-top: 60px; }
  .pad-bottom-0-m { padding-bottom: 0; }
  .pad-bottom-5-m { padding-bottom: 5px; }
  .pad-bottom-10-m { padding-bottom: 10px; }
  .pad-bottom-15-m { padding-bottom: 15px; }
  .pad-bottom-20-m { padding-bottom: 20px; }
  .pad-bottom-25-m { padding-bottom: 25px; }
  .pad-bottom-30-m { padding-bottom: 30px; }
  .pad-bottom-35-m { padding-bottom: 35px; }
  .pad-bottom-40-m { padding-bottom: 40px; }
  .pad-bottom-45-m { padding-bottom: 45px; }
  .pad-bottom-50-m { padding-bottom: 50px; }
  .pad-bottom-55-m { padding-bottom: 55px; }
  .pad-bottom-60-m { padding-bottom: 60px; }
  .pad-0-m { padding: 0; }
  .pad-5-m { padding: 5px; }
  .pad-10-m { padding: 10px; }
  .pad-15-m { padding: 15px; }
  .pad-20-m { padding: 20px; }
  .pad-25-m { padding: 25px; }
  .pad-30-m { padding: 30px; }
  .pad-35-m { padding: 35px; }
  .pad-40-m { padding: 40px; }
  .pad-45-m { padding: 45px; }
  .pad-50-m { padding: 50px; }
  .pad-55-m { padding: 55px; }
  .pad-60-m { padding: 60px; } }
@media only screen and (min-width: 980px) { .no-float-l { float: none; }
  .no-padding-l { padding: 0; }
  .no-margin-l { margin: 0; }
  .relative-l { position: relative; }
  .absolute-l { position: absolute; }
  .static-l { position: static; }
  .fixed-l { position: fixed; }
  .none-l { display: none; }
  .block-l { display: block; }
  .inline-block-l { display: inline-block; }
  .inline-l { display: inline; }
  .flex-l { display: flex; }
  .flex-row-l { flex-direction: row; }
  .flex-column-l { flex-direction: column; }
  .flex-space-around-l { justify-content: space-around; }
  .flex-space-between-l { justify-content: space-between; }
  .flex-start-l { justify-content: flex-start; }
  .flex-center-l { justify-content: center; }
  .flex-end-l { justify-content: flex-end; }
  .flex-wrap-l { flex-wrap: wrap; }
  .flex-nowrap-l { flex-wrap: nowrap; }
  .left-l { float: left; }
  .right-l { float: right; }
  .center-l { float: none; margin-left: auto; margin-right: auto; }
  .text-left-l { text-align: left; }
  .text-right-l { text-align: right; }
  .text-center-l { text-align: center; }
  .text-justify-l { text-align: justify; }
  .no-col-l { width: auto; float: none; }
  .no-push-l, .no-pull-l { left: 0; }
  .pad-top-0-l { padding-top: 0; }
  .pad-top-5-l { padding-top: 5px; }
  .pad-top-10-l { padding-top: 10px; }
  .pad-top-15-l { padding-top: 15px; }
  .pad-top-20-l { padding-top: 20px; }
  .pad-top-25-l { padding-top: 25px; }
  .pad-top-30-l { padding-top: 30px; }
  .pad-top-35-l { padding-top: 35px; }
  .pad-top-40-l { padding-top: 40px; }
  .pad-top-45-l { padding-top: 45px; }
  .pad-top-50-l { padding-top: 50px; }
  .pad-top-55-l { padding-top: 55px; }
  .pad-top-60-l { padding-top: 60px; }
  .pad-bottom-0-l { padding-bottom: 0; }
  .pad-bottom-5-l { padding-bottom: 5px; }
  .pad-bottom-10-l { padding-bottom: 10px; }
  .pad-bottom-15-l { padding-bottom: 15px; }
  .pad-bottom-20-l { padding-bottom: 20px; }
  .pad-bottom-25-l { padding-bottom: 25px; }
  .pad-bottom-30-l { padding-bottom: 30px; }
  .pad-bottom-35-l { padding-bottom: 35px; }
  .pad-bottom-40-l { padding-bottom: 40px; }
  .pad-bottom-45-l { padding-bottom: 45px; }
  .pad-bottom-50-l { padding-bottom: 50px; }
  .pad-bottom-55-l { padding-bottom: 55px; }
  .pad-bottom-60-l { padding-bottom: 60px; }
  .pad-0-l { padding: 0; }
  .pad-5-l { padding: 5px; }
  .pad-10-l { padding: 10px; }
  .pad-15-l { padding: 15px; }
  .pad-20-l { padding: 20px; }
  .pad-25-l { padding: 25px; }
  .pad-30-l { padding: 30px; }
  .pad-35-l { padding: 35px; }
  .pad-40-l { padding: 40px; }
  .pad-45-l { padding: 45px; }
  .pad-50-l { padding: 50px; }
  .pad-55-l { padding: 55px; }
  .pad-60-l { padding: 60px; } }
@media only screen and (min-width: 1140px) { .no-float-xl { float: none; }
  .no-padding-xl { padding: 0; }
  .no-margin-xl { margin: 0; }
  .relative-xl { position: relative; }
  .absolute-xl { position: absolute; }
  .static-xl { position: static; }
  .fixed-xl { position: fixed; }
  .none-xl { display: none; }
  .block-xl { display: block; }
  .inline-block-xl { display: inline-block; }
  .inline-xl { display: inline; }
  .flex-xl { display: flex; }
  .flex-row-xl { flex-direction: row; }
  .flex-column-xl { flex-direction: column; }
  .flex-space-around-xl { justify-content: space-around; }
  .flex-space-between-xl { justify-content: space-between; }
  .flex-start-xl { justify-content: flex-start; }
  .flex-center-xl { justify-content: center; }
  .flex-end-xl { justify-content: flex-end; }
  .flex-wrap-xl { flex-wrap: wrap; }
  .flex-nowrap-xl { flex-wrap: nowrap; }
  .left-xl { float: left; }
  .right-xl { float: right; }
  .center-xl { float: none; margin-left: auto; margin-right: auto; }
  .text-left-xl { text-align: left; }
  .text-right-xl { text-align: right; }
  .text-center-xl { text-align: center; }
  .text-justify-xl { text-align: justify; }
  .no-col-xl { width: auto; float: none; }
  .no-push-xl, .no-pull-xl { left: 0; }
  .pad-top-0-xl { padding-top: 0; }
  .pad-top-5-xl { padding-top: 5px; }
  .pad-top-10-xl { padding-top: 10px; }
  .pad-top-15-xl { padding-top: 15px; }
  .pad-top-20-xl { padding-top: 20px; }
  .pad-top-25-xl { padding-top: 25px; }
  .pad-top-30-xl { padding-top: 30px; }
  .pad-top-35-xl { padding-top: 35px; }
  .pad-top-40-xl { padding-top: 40px; }
  .pad-top-45-xl { padding-top: 45px; }
  .pad-top-50-xl { padding-top: 50px; }
  .pad-top-55-xl { padding-top: 55px; }
  .pad-top-60-xl { padding-top: 60px; }
  .pad-bottom-0-xl { padding-bottom: 0; }
  .pad-bottom-5-xl { padding-bottom: 5px; }
  .pad-bottom-10-xl { padding-bottom: 10px; }
  .pad-bottom-15-xl { padding-bottom: 15px; }
  .pad-bottom-20-xl { padding-bottom: 20px; }
  .pad-bottom-25-xl { padding-bottom: 25px; }
  .pad-bottom-30-xl { padding-bottom: 30px; }
  .pad-bottom-35-xl { padding-bottom: 35px; }
  .pad-bottom-40-xl { padding-bottom: 40px; }
  .pad-bottom-45-xl { padding-bottom: 45px; }
  .pad-bottom-50-xl { padding-bottom: 50px; }
  .pad-bottom-55-xl { padding-bottom: 55px; }
  .pad-bottom-60-xl { padding-bottom: 60px; }
  .pad-0-xl { padding: 0; }
  .pad-5-xl { padding: 5px; }
  .pad-10-xl { padding: 10px; }
  .pad-15-xl { padding: 15px; }
  .pad-20-xl { padding: 20px; }
  .pad-25-xl { padding: 25px; }
  .pad-30-xl { padding: 30px; }
  .pad-35-xl { padding: 35px; }
  .pad-40-xl { padding: 40px; }
  .pad-45-xl { padding: 45px; }
  .pad-50-xl { padding: 50px; }
  .pad-55-xl { padding: 55px; }
  .pad-60-xl { padding: 60px; } }
@media print { .no-float-print { float: none; }
  .no-padding-print { padding: 0; }
  .no-margin-print { margin: 0; }
  .none-print { display: none; }
  .block-print { display: block; }
  .inline-block-print { display: inline-block; }
  .inline-print { display: inline; }
  .text-left-print { text-align: left; }
  .text-right-print { text-align: right; }
  .text-center-print { text-align: center; }
  .text-justify-print { text-align: justify; }
  .no-col-print { width: auto; float: none; }
  .no-push-print, .no-pull-print { left: 0; }
  .pad-top-0-print { padding-top: 0; }
  .pad-top-5-print { padding-top: 5px; }
  .pad-top-10-print { padding-top: 10px; }
  .pad-top-15-print { padding-top: 15px; }
  .pad-top-20-print { padding-top: 20px; }
  .pad-top-25-print { padding-top: 25px; }
  .pad-top-30-print { padding-top: 30px; }
  .pad-top-35-print { padding-top: 35px; }
  .pad-top-40-print { padding-top: 40px; }
  .pad-top-45-print { padding-top: 45px; }
  .pad-top-50-print { padding-top: 50px; }
  .pad-top-55-print { padding-top: 55px; }
  .pad-top-60-print { padding-top: 60px; }
  .pad-bottom-0-print { padding-bottom: 0; }
  .pad-bottom-5-print { padding-bottom: 5px; }
  .pad-bottom-10-print { padding-bottom: 10px; }
  .pad-bottom-15-print { padding-bottom: 15px; }
  .pad-bottom-20-print { padding-bottom: 20px; }
  .pad-bottom-25-print { padding-bottom: 25px; }
  .pad-bottom-30-print { padding-bottom: 30px; }
  .pad-bottom-35-print { padding-bottom: 35px; }
  .pad-bottom-40-print { padding-bottom: 40px; }
  .pad-bottom-45-print { padding-bottom: 45px; }
  .pad-bottom-50-print { padding-bottom: 50px; }
  .pad-bottom-55-print { padding-bottom: 55px; }
  .pad-bottom-60-print { padding-bottom: 60px; }
  .pad-0-print { padding: 0; }
  .pad-5-print { padding: 5px; }
  .pad-10-print { padding: 10px; }
  .pad-15-print { padding: 15px; }
  .pad-20-print { padding: 20px; }
  .pad-25-print { padding: 25px; }
  .pad-30-print { padding: 30px; }
  .pad-35-print { padding: 35px; }
  .pad-40-print { padding: 40px; }
  .pad-45-print { padding: 45px; }
  .pad-50-print { padding: 50px; }
  .pad-55-print { padding: 55px; }
  .pad-60-print { padding: 60px; } }