﻿body {
	font-family:맑은 고딕, Arial, sans-serif;
	font-size:13px;
	color:#555;
}
p, h1,h2,h3,h4,h5,h6,input,select,option,textarea {
	font-size:13px;
	font-family: 맑은 고딕, Arial, sans-serif;    
}
ul {
	list-style:none;
}
img {
	border:0;
}
table, tr, td {
	border: 0;
	padding: 0;
	margin: 0;
}


.hr { clear:both; float:none; }
.hr hr { display:none; }
a {
	text-decoration:none;
	color:#69f;
	outline:none;    
}
a:hover {
	color:#4D81B3;
}

.footerLine {
	border-top:1px solid #ccc;
	margin-top:30px;
	padding:10px 0 80px;
	clear:both;
	float:none;
}

.RAONTrademarkContainer {
	float:right;
}

.footerColumn1, .footerColumn2, .footerColumn3, .footerColumn4 {
	float:left;
	width:140px;
}


.viewContainer 
{
	padding: 0;
	margin: 0;        	
	border-top:0;
    border-bottom:1px solid #ccc;    
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background:#efefef;
	width: 758px;
	background:url(../img/logo_background_lower.png) no-repeat 0 0;
}


.formContainer { padding:14px 0 10px 14px; }
.inputBoxContainer {
	position:relative;
	width:620px;    
	margin-right:10px;
}
.searchBox .inputBoxContainer, .shortenUnAuthBox .inputBoxContainer {
float:left;
}
.inputBoxContainer .leftEdge {
    height:31px;
    width:2px;
    z-index:4;    
    display:block;
    position:absolute;
    top:0;
    left:-2px;
    background:url(../img/input_left.png) no-repeat 0 0;
}
.inputBoxContainer .rightEdge {
    height:31px;
    width:2px;
    z-index:4;    
    display:block;
    position:absolute;
    top:0;
    right:-2px;
    background:url(../img/input_right.png) no-repeat 0 0;
}
.inputContainerBackground {
    border: 1px solid #cccccc;  
    font-size:16px;    
    background:#feffec;
    z-index:3;
}
.narrowSearchInputTextField {
    width:574px;
    padding:5px 10px 5px;
    height:19px;    
}        
.submitButtonBackground {
    border:0;
    background:url(../img/button_background.png) no-repeat 0 0;
    width:110px;
    height:42px;
    font-size:13px;
    color:white;
    cursor:pointer;
    vertical-align:text-bottom;
}     
.submitButtonBackground.hover { background:url(../img/button_background_hover.png) no-repeat 0 0; }
.submitButtonBackground.active { background:url(../img/button_background.png) no-repeat 0 0; } 	  

.submitClipCopyBackground {
    border:0;
    background:url(../img/copy_background.png) no-repeat 0 0;
    width:110px;
    height:42px;
    font-size:13px;
    color:white;
    cursor:pointer;
}       
.submitClipCopyBackground.hover { background:url(../img/copy_background_hover.png) no-repeat 0 0; }
.submitClipCopyBackground.active { background:url(../img/copy_background.png) no-repeat 0 0; }

.displayShortenURL
{
    background-color: #FEFAED;
    border: 1px solid #cccccc;
    font-size:16px; 
}


.copyButtonAnimation {
    background:url(../img/ani_copyimg.png) no-repeat 0 0;
    width:85px;
    height:30px;
    overflow:hidden;
    position:absolute;
    right:-85px;
    top:0;
    white-space:nowrap;
    font-size:11px;
    color:white;
    
    background-color: #101010;
}
.copyButtonAnimationText {
    display:block;
    text-align:right;
    padding-top:8px;
    padding-right:7px;
    
    background-color: #F0F0F0;
} 

.logoBackground {
    border:0;
    background:url(../img/logo_background_upper.png) no-repeat 0 0;
    height:116px;
    padding: 0;
    margin: 0;
}          


img.block { display:block; vertical-align:bottom; } /* IE에서 이미지 아래 공백제거 */
b, .ls1{letter-spacing:-1px;} /* 자간 조절 -1px, 볼드 테그는 자동으로 자간조절 됨(일반글과 간격을 동일하게 처리하기위해)*/
ol.clearlist, ul.clearlist, dl.clearlist, ol.clearlist li, ul.clearlist li, dl.clearlist dt, dl.clearlist dd { list-style:none;margin:0;padding:0;text-align:left; } /* 리스트 스타일 제거 및 정렬 */

ul, li, dl, dt, dd { list-style:none; margin:0; padding:0; }

.sub_menu { width:900px; background:#f8f8f8; }
.sub_menu ul { float:left; height:70px; padding:10px 0; }
.sub_menu ul li { width:225px; padding:4px 0; text-indent:15px; text-align:left; overflow:hidden; }
.sub_menu ul li a { font:11px 돋움; }


.column_center { margin-left:8px; padding:0 0 0 20px; }
.column_center .content { font-family:"나눔고딕" NanumGothic, "돋움", Dotumt, "굴림", Gulim, AppleGothic, Sans-serif; text-align:left; }
.content h1 { margin:0 0 10px 0; text-indent:10px; font-size:20px; color:#333; background:url("http://jul.im/_assets/img/contents_bar.gif") 0 50% no-repeat; }


/* clearfix */
.clear { clear:both; height:0; overflow:hidden; }
hr.clear { display:block; clear:both; visibility:hidden; width:100%; height:0; margin:-1px 0; padding:0; }

.clearfix:after
{
    content:".";
    display:block;
    height:0;
    overflow:hidden;
    clear:both;
    visibility:hidden;
}
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
/* clearfix */

#contents .tab { height:26px; border-bottom:1px solid #ccc; overflow:hidden; background:#fff; }
#contents .tab li { float:left;  }
#contents .tab li a { display:block; width:120px; height:26px; padding:0 10px; text-align:center; background:#f1f1f1; position:relative; line-height:26px; }
#contents .tab li.on a { display:block; padding:0 10px; text-align:center; border:1px solid #5e5e5e; border-bottom:0px; background:#5e5e5e; color:#fff; }

.content .video_box { margin-bottom:20px; }
.content p.body { padding-right:100px; }

.tab02 { height:26px; border-bottom:2px solid #5e5e5e; background:#fff; }
.tab02 li { float:left;  }
.tab02 li a { display:block; width:68px; height:26px; padding:0 10px; text-align:center; background:#f1f1f1; position:relative; line-height:26px; font-size:11px; }
.tab02 li.on a { display:block; padding:0 10px; text-align:center; background:#5e5e5e url(http://jul.im/_assets/img/bg_tabgt.gif) ; color:#fff; }

.tab03 { height:26px; border-bottom:2px solid #5e5e5e; background:#fff; }
.tab03 li { float:left;  }
.tab03 li a { display:block; width:68px; height:26px; padding:0 10px; text-align:center; background:#f1f1f1; position:relative; line-height:26px; font-size:11px; }
.tab03 li.on a { display:block; padding:0 10px; text-align:center; background:#5e5e5e url(http://jul.im/_assets/img/bg_tabgt.gif) ; color:#fff; }


.box02 { padding-left:170px; }

.f_left { float:left; }
.f_right { float:right; }

.cb { float:clear; }
.text_l { text-align:left !important; }
.text_c { text-align:center !important; }
.text_r { text-align:right !important; }

.application { background:#f4f4f4; padding:10px; }
.application p { border-bottom:1px solid #ddd; line-height:18px; }
.application p.bn { border:0; }
.application strong { font-size:14px; color:#1a80c1; font-weight:bold; }

