html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
div {
	word-wrap:break-word;
}
:focus {
	outline: 0;
}
body {
	color: #575757;
	background: #f2f2f2 url("./_askin_header.png") repeat-x 0 0;
	font: 12px/21px 맑은 고딕, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
code {
  font-family: Courier, "Courier New", "Lucida Console", Monaco;
  color: #000;
}
p {
  padding-bottom: 15px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
	color: #000;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}




/* Link Styles */
a:link, 
a:visited {
	color: #b93f14;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #b93f14;
	text-decoration: none;
}

a,
img,
a img {
	border: 0;
	outline: none;
}




/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: 맑은 고딕, Helvetica, Arial;
  line-height: 1.1em;
  font-weight: bold;
  padding-bottom: 10px;
  text-shadow: 0 1px 0 #fff;
}
h1 {
  font-size: 40px;
  letter-spacing: -1px;
}
	h1 a:link,
	h1 a:visited {
		color: #000;
		text-decoration: none;
	}
	h1 a:hover {
		background: #eee;
		text-decoration: none;
	}
h2 {
  font-size: 35px;
  letter-spacing: -1px;
}
h3 {
  font-size: 30px;
  letter-spacing: -0.02em;
  color: #373737;
}
h4 {
  font-size: 22px;
  font-weight: normal;
  padding-bottom: 10px;
}
h5 {
  font-size: 14px;
}
h6 {
}


#page h1 {
	font-size: 35px;
	padding-bottom: 20px;
} 

#page h2 {
	font-size: 28px;
	padding-bottom: 20px;
} 
#page h2 span{
	color:#717171;
} 
#page h3 {
	font-size: 18px;
	color:#000;
	padding-top: 20px;
	padding-bottom: 10px;
	/*font-weight: normal;*/
}
#page h3 span{
	color:#717171;
} 
#page h4 {
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}
#page h4 span{
	color:#717171;
} 

#sidebar h3 {
	font-size: 16px;
}
#sidebar .side-link a:link,
#sidebar .side-link a:visited {
	color: #000;
	text-decoration: none;
}






































/*************************************
* Header 내용
*************************************/


/* Logo */
.logo { 
	background: transparent url("./_askin_header_logo.png") no-repeat 0 0;
	width: 360px;
}
/* Header */

  .switcher_wrap #links ul li a {
    text-decoration: none !important;
  }
  /* Logo */
  .logo {
    position: absolute;
    display: block;
    left: 10px;
    top: 10px;
    text-indent: -9999px;
    height: 75px;
  }
  /* Top Navigation */
  #header ul.top_navigation {
    position: absolute;
    right: 0px;
    top: 15px;
    font-size: 11px;
    float: left;
    z-index: 100;
  }
    #header .top_navigation li {
      margin-left: 10px;
      padding: 5px;
      display: block;
      float: left;
    }
      #header .top_navigation a {
        float: left;
        display: block;
      }
      #header .top_navigation a:link, 
      #header .top_navigation a:visited {
        color: #989898;
        text-decoration: none;
      }
      #header .top_navigation a:hover {
        color: #fff;
        text-decoration: none;
      }
      #header .top_navigation a:active {
        color: #635644;
      }
  /* Navigation */
  #navigation {
    position: absolute;
    left: 30px;
    top: 80px;
    height: 42px;
  }
    #header ul.navigation {
      position: relative;
      height: 42px;
    }
      #header ul.navigation li {
        display: block;
        float: left;
        position: relative
      }
        #header ul.navigation li a {
          display: block;
          float: left;
          padding: 12px 14px 16px 15px;
          font-size: 14px;
          line-height: 14px;
        }
        /* Navigation Link Colors */
        #header ul.navigation li a:link,
        #header ul.navigation li a:visited {
          color: #989898;
          text-decoration: none;
        }
        #header ul.navigation li a:hover {
          color: #fff;
          text-decoration: none;
        }
        #header ul.navigation li a:active {
          color: #989898;
        }
        
        #header ul.navigation li.parent > a:hover,
        #header ul.navigation li:hover.parent > a {
          background: url("./_askin_menu_down_arrow.gif") no-repeat center 30px;
        }
        #header ul.navigation li ul {
          background: #525252 url("./_askin_menu_down_top_border.png") no-repeat 0 0;
          border: 1px solid #080808;
          top: 41px;
          left: 15px;
          position: absolute;
          width: 182px;
          padding-top: 2px;
          display: none;
        }
        #header ul.navigation li:hover ul {
          display: block;
        }
        #header ul.navigation li:hover a {
          color: #fff;
        }
          #header ul.navigation li ul li {
            border-bottom: 1px solid #636363;
            padding: 3px 4px;
            width: 174px;
          }
          #header ul.navigation li:last-child {
            border-bottom: none;
          }
            #header ul.navigation li ul li a {
              display: block;
              width: 158px;
              background: transparent;
              line-height: 16px;
              font-size: 12px;
              padding: 3px 7px;
              color: #a5a5a5;
              border: 1px solid transparent;
              -moz-border-radius: 5px;
            	-webkit-border-radius: 5px;
            	border-radius: 5px;
            }
            #header ul.navigation li ul li a:hover {
              background: #373737;
              color: #fff;
              border: 1px solid #373737;
            }


/*************************************
* Content 내용
*************************************/

/* Content */

  #content .single_post {
    background: none;
    border: none;
  }

    #content .single_post .page_inner {
      border-top: none;
      background: none;
    }
    #content .single_post .post_inner {
      border: 1px solid #ddd;
      border-bottom: none;
      position: relative;
      background: #fff url("./_askin_corner_gradient.png") no-repeat 665px 1px;
    }
    #content .single_post .extra_posts {
      border: 1px solid #ddd !important;
      border-top: none !important;
      margin-bottom: 40px;
    }
    .tut_left {
      width: 375px;
      float: left;
      margin-right: 30px;
    }
    .tut_right {
      width: 270px;
      float: left;
    }
    .tut_top {
      overflow: hidden;
    }
        #page a.a2a_dd {
          margin-left: -9px !important;
          margin-top: -3px;
          font-size: 11px;
        }

      /* Page Title */
      .page_title {
        background: #f9f9f9;
        border-bottom: 1px solid #dfdfdf;
        padding: 25px 36px 15px 36px;
        width: 680px;
        float: left;
      }
        .page_title h1 {
          color: #000;
          text-shadow: 0 1px 0 #fff;
        }
        #content .page_inner .is_page {
          padding-top: 25px;
        }





      #page .post img {
        max-width: 640px;
      }
      #page .bottom_border {
        border-bottom: 1px solid #efefef;
      }
      #page .post_inner_article {
        border: 1px solid #ddd;
        border-bottom: none;
        position: relative;
        background: #fff;
      }
      .post_inner_article a {
        text-decoration: underline;
      }

        /* Post Image */
        #page .post .post_image {
          position: relative;
          float: left;
          margin-right: 30px;
        }
          #page .post .post_image img {
            width: 200px;
            height: 200px;
          }
          #page .post .post_image .the_image_meta {
            display: block;
            position: absolute;
            right: 11px;
            bottom: 14px;
            height: 27px;
            display: block;
          }
            #page .post .post_image .image_meta {
              display: block;
              float: right;
              margin-left: 5px;
              width: 28px;
              height: 27px;
              display: block;
              text-indent: -9999px;
            }
        /* Post Preview Wrap */

          /**/
          #page .post .post_category {
            padding-bottom: 8px;
            position: relative;
            top: -1px;
          }
            #page .post .post_category ul {
              font-size: 12px;
              line-height: 12px !important;
              color: #999;
              /*font-style: italic;*/
              margin-bottom: 0;
            }
              #page .post .post_category ul li {
                display: inline;
                padding: 0;
                margin: 0;
                background: none;
              }
                #page .post .post_category ul li a {
                  text-decoration: none !important;
                }
                #page .post .post_category ul li span {
                  padding: 0 7px;
                }
          /* Post Title */
          #page .post h1.post_title {
            padding-bottom: 10px;
          }
			#page .post h1 a:link,
			#page .post h1 a:visited {
				text-decoration: none;
			}
			#page .post h1 a:hover {
				background: none;
				text-decoration: none;
			}
          /* Post Meta */
          #page .post .post_meta {
            font-size: 10px;
            padding: 1px 4px;
            background: #f3f3f3;
            color: #616161;
            float: left;
            /*font-style: italic;*/
          }
            #page .post .post_meta a:link,
            #page .post .post_meta a:visited {
              color: #616161;
              text-decoration: none !important;
            }
            #page .post .post_meta a:hover {
              color: #000;
            }
          /* Post Text */
          #page .post .text {
            float: left;
            padding-top: 14px;
            width: 100%;
          }
          /* More Link */
          #page .post p.more-link-wrap {
            float: right;
            padding-bottom: 0px;
          }


          .article {
            clear: both;
            padding-top: 14px;
			width:100%;
          }

          .page_inner ul, 
          .page_inner ol {
          	margin-bottom: 15px;
          }
            .page_inner ul ul, 
            .page_inner ol ol {
            	margin-bottom: 0px;
            }
            .page_inner ul li {
            	/*margin-bottom: 10px;*/
            	margin-left: 5px;
            	padding-left: 20px;
            }
            .page_inner ol li {
            	margin-bottom: 10px;
            	margin-left: 30px;
            	padding-left: 10px;
            }
            .page_inner ul li {
            	background: url("./bul.gif") no-repeat 0 8px;
            }
            .page_inner ol li {
            	list-style: decimal;
            }

          #page .download {
          	padding-left: 60px;
          	background: url("./_askin_downlaod_file.png") no-repeat;
          	margin-bottom: 25px;
          	clear: both;
          }
            #page .download h2 {
            	margin-bottom: 0;
            	padding-bottom: 0;
            	font-size: 28px;
            }
              #page .download h2 a {
              	text-decoration: none !important;
              }
              #page .download span {
              	color: #9e9e9e;
              	font-size: 16px;
              	font-weight: bold;
              	font-family: Helvetica, Arial, sans-serif;
              }
          .question {
            position: relative;
            padding-left: 45px;
            font-family: Helvetica, Arial;
            color: #414141;
            font-size: 20px;
            font-weight: bold;
            padding-bottom: 25px;
          }
            .question h4 {
              color: #414141;
              font-size: 20px;
              font-weight: bold;
              padding: 0;
              margin: 0;
              line-height: 25px;
            }
            .question h4 span {
              position: absolute;
              left: 0;
              top: 8px;
              font-size: 36px;
            }
          #page hr {
            width: 100%;
            height: 1px;
            background: #dfdfdf;
            margin: 30px 0;
            display: block;
            border: none;
            clear: both;
          }
          blockquote {
            border-top: 1px solid #dfdfdf;
            border-bottom: 1px solid #dfdfdf;
            display: block;
            width: 100%;
            margin: 30px 0;
            margin-top: 10px;
            clear: both;
            color: #414141;
            font-family: "Myriad Pro", Verdana, sans-serif;
            font-size: 18px;
            line-height: 23px;
            font-style: italic;
          }
            blockquote p {
              padding: 10px 40px;
            }
            blockquote .source {
              display: block;
              font-size: 14px;
              font-family: Arial;
              font-style: normal;
            }
          blockquote.pullquote, 
          div.pullquote {
          	width: 255px;
          	text-align: center;
          	font-size: 25px;
          	line-height: 30px;
          	border: 1px solid #ddd;
          	float: right;
            margin: 30px 0 30px 30px;
          }
            blockquote.pullquote p, 
            div.pullquote p {
            	padding: 30px;
            }




/*************************************
* Footer 내용
*************************************/





/* ***** footer ***** */
/*
#footer {
	text-align:center;
	padding:40px 10px 10px 10px;
	font:11px Verdana, dotum;
	color:#666;
}
#footer a{
	color:#666;
}
#footer a:hover{
	color:#333;
}
#footer {
	clear:both;
	padding:20px 0 0 0;
}
*/
/* Footer */

/* footer Logo */
.footer_logo { 
	background: transparent url("./_askin_footer_logo.png") no-repeat 0 0;
	width: 200px;
	height:128px;
	margin-top:10px;
	margin-left:10px;
	text-indent: -9999px;
	display: block;
	float: left;
}

/* footer Navigation */
#footer ul.footer_navigation {
	position: absolute;
	font-size: 11px;
	/*background:#191919;*/
	z-index: 100;
	float: left;
	top: 10px;
	right: 0px;
	width:290px;
	height:39px;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
}
#footer .footer_navigation li {
	margin-left: 10px;
	padding: 5px;
	display: block;
	float: left;
}
#footer .footer_navigation a {
	float: left;
	display: block;
}
#footer .footer_navigation a:link, 
#footer .footer_navigation a:visited {
	color: #989898;
	text-decoration: none;
}
#footer .footer_navigation a:hover {
	color: #fff;
	text-decoration: none;
}
#footer .footer_navigation a:active {
	color: #635644;
}

/* footer icon navigation */
#footer ul.icon_navigation {
	position: absolute;
	font-size: 10px;
	background:#191919;
	z-index: 100;
	float: left;
	top: 55px;
	right: 30px;
	width:256px;
	height:64px;

	/*border: 1px solid #ddd;*/
}
#footer .icon_navigation li {
	display: block;
	float: left;
	text-align:center;
	height:64px;
}
#footer .icon_navigation a {
	float: left;
	display: block;
	padding-top:50px;
}
#footer .icon_navigation a:link, 
#footer .icon_navigation a:visited {
	color: #858585;
	text-decoration: none;
}
#footer .icon_navigation a:hover {
	color: #fff;
	text-decoration: none;
	/*font-weight:bold;*/
}

#footer .icon_navigation li.twitter {
	width:64px;
	padding-top:50px;
	background:url("./_askin_footer_icon.png") no-repeat scroll 0px 0px transparent;
}
#footer .icon_navigation li.rss a {
	width:64px;
	background:url("./_askin_footer_icon.png") no-repeat scroll -64px 0px transparent;
}
#footer .icon_navigation li.mail a {
	width:64px;
	background:url("./_askin_footer_icon.png") no-repeat scroll -128px 0px transparent;
}
#footer .icon_navigation li.admin a {
	width:64px;
	background:url("./_askin_footer_icon.png") no-repeat scroll -192px 0px transparent;
}


#copyright{
	position: absolute;
	font-size: 10px;
	z-index: 100;
	float: left;
	top: 140px;

	color: #858585;
	/*letter-spacing: 1px;*/
}




/*************************************
* Syntax Highlighter
*************************************/

.syntaxhighlighter {
	background-color:#FFFFFF !important;
	border:1px solid #E0E0E0 !important;
	padding:0 !important;
	height:auto !important;
}



















blockquote {
	background: #fff url("./_askin_q_left.png") 1% 15% no-repeat;
}
blockquote p {
	background: transparent url("./_askin_q_right.png") 99% 85% no-repeat;
}
blockquote.pullquote, 
div.pullquote {
	background: #f4f4f4 url("./_askin_q_left.png") 5% 5% no-repeat;
}
blockquote.pullquote p, 
div.pullquote p {
	background: transparent url("./_askin_q_right.png") 95% 95% no-repeat;
}




/* Content */
#page .post .post_image .plus {
  background: transparent url("./_askin_sprite.png") no-repeat -100px -450px;
}
#page .post .post_image .basix {
  background: transparent url("./_askin_sprite.png") no-repeat -50px -450px;
}
#page .post .post_image .videos {
  background: transparent url("./_askin_sprite.png") no-repeat 0px -450px;
}
#page .post .post_image .sessions {
  background: transparent url("./_askin_sprite.png") no-repeat -150px -450px;
}
.sessions_post {
  background-color: #f8ebe6;
  border-color: #e0ab99;
}
.sessions_post a.cs_span {
  background: transparent url("./_askin_sprite.png") no-repeat 0px -600px;
}

.wp-pagenavi a,
.sort_by li a,
a:hover.add_comment_link,
input:hover#add_comment,
#content .webroundup a:hover.button {
	background: #e6e6e6 url("./_askin_sprite.png") no-repeat 0px -550px;
}
.wp-pagenavi a:hover, 
.wp-pagenavi .current,
.sort_by li a:hover, 
.sort_by li a.current,
a.add_comment_link,
input#add_comment,
#content .webroundup a.button {
	background: #9c260c url("./_askin_sprite.png") no-repeat 0px -500px;
	border: 1px solid #9c260c; /*!!*/
}
/* Sidebar */
#sidebar .plus_member .plus_icon {
  background: transparent url("./_askin_sprite.png") no-repeat 0px -250px;
}
#sidebar .side_basix .basix_logo {
  background: transparent url("./_askin_sprite.png") no-repeat 0px -200px;
}
/* Footer */
.plus_network {
  background: transparent url("./_askin_sprite.png") no-repeat 0px -350px;
}





/*************************************
* 본문 이미지 컨테이너 박스
*************************************/
.tutorial_image {
	margin-bottom: 30px;
	overflow: hidden;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	padding: 20px;
	padding-bottom: 15px;
}
.tutorial_image img {
	background-color: #f4f4f4;
	border: 1px solid #898989;
	margin: auto;
	max-width:620px !important;
}
.tutorial_image .wp-caption {
	background-color: #f4f4f4;
	overflow: hidden;
}
.tutorial_image .wp-caption img {
	background: none;
	float: left;
}
.tutorial_image p.wp-caption-text {
	clear: left;
	border-top: none;
	font-size: 11px;
	padding: 10px;
	text-align: center;
	font-style: italic;
	color: #575757;
}



/*************************************
* Download & Demo Butto
*************************************/

.big_btn {
	display: block;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}
.big_btn.big_btn_one {
	width: 210px;
}
.big_btn.big_btn_two {
	width: 430px;
}
.big_btn a {
	font-weight: bold;
	font-size: 19px;
	/*border: 1px solid #DDD;*/
	text-shadow: 0 1px 0 #fff;
	text-decoration: none !important;
	display: block;
	float: left;
	margin: 10px 10px;
	width:190px;
}
/*
.icon_big_Btn a span {
	display: block;
	float: left;
}*/

.big_btn a small {
	display: block;
	float: left;
	color: #545454;
	text-transform: uppercase;
	font-size: 10px;
	text-shadow: 0 1px 0 #eee;
	padding-top:32px;
	padding-left:10px;
}
.icon_big_Btn{
	width:190px;
	padding-left:60px;
	padding-right:10px;
}
.icon_big_Btn.downloadIcon{
	background: transparent url("./_askin_asset_download.png") no-repeat 0 0;
	height:60px;
	width:120px;
	margin:auto;
}
.icon_big_Btn.demoIcon{
	background: transparent url("./_askin_asset_demo.png") no-repeat 0 0;
	height:60px;
	width:120px;
	margin:auto;
}
.big_btn a:hover small {
	color: #b93f14;
}




/*************************************
* 메인 상단 베너
*************************************/

/* Leader Board */
.leader_board {
  position: relative;
  overflow: visible;
  float: left;
  width: 750px;
  height: 90px;
  /*border: 1px solid #b4b4b4;*/
  background: #e1e1e1;
  margin: 0 1px 15px 1px;
}
  .leader_board a.LB_advert {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 88px;
    width: 22px;
    text-indent: -9999px;
    background: transparent url("./_askin_main_advertise_text.png") no-repeat 0px 0px;
  }
  .lb_inner {
    position: absolute;
    /*left: -1px;
    top: -1px;*/
    width: 750px;
    height: 90px;
	/*padding:1px;*/
  }
    .lb_inner a {
      display: block;
      font-family: verdana, sans-serif;
      margin: 0;
      text-align: center;
      text-decoration: none;
      overflow: hidden;
      text-shadow: 0 1px 0 #fff;
    }
      .lb_inner img { 
        border: 0;
        clear: right;
      }
    .lb_inner a.adhere { 
      color: #555;
      font-size: 12px;
      border: 1px solid #b3b3b3;
      background: #e1e1e1;
      text-align: center;
    }
    .lb_inner a.adhere:hover {
      border: 1px solid #999;
      background: #e4e4e4;
      color: #000;
    }

/*************************************
* 첫화면 소개 상자
*************************************/

#introBox {
	float: left;
	width:750px !important;
	height:250px !important;
	background: url("./_askin_introduction.png") no-repeat 0 100% transparent;
	/*border:1px dotted #CCC;*/
	/*margin-top: -25px;*/
	color:#000;
	display:block;
	margin:1px !important;
}
#introBox .introText{
	width:480px;
	position: relative;
	left:220px;
	top:30px;
	color:#FFF;
	filter:Alpha(opacity:70); opacity:0.7; 
}
#introBox .introTextList{
	width:250px;
	position: relative;
	left:220px;
	margin-top:30px;
}
#introBox .introTextList ul{
	font-weight:bold;
	padding-top:10px;
}
#introBox .introTextList li{
	padding:0;
	margin:0;
}
#introBox .introArea{
	/*margin:50px 10px 0px 70px;*/
	width:152px;
	height:50px;
	overflow:visible;
	float:right;
	margin-right:60px;
	margin-top:-20px;
}
#introBox a.linker {
	display:block;
	margin:0 auto;
	text-indent:-9999px;
	width:152px;
	height:50px;
}
#introBox a.linker {
	background:url("./_askin_learn_more_up.png") no-repeat scroll 0 0 transparent;
}
#introBox a:hover.linker{
	background:url("./_askin_learn_more_over.png") no-repeat scroll 0 0 transparent;
}