/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

* {-webkit-text-size-adjust:none;}
/*---------------------------------
	IMPORTS
-----------------------------------*/

/*---------------------------------
	OVERRIDES
-----------------------------------*/
a,h1,h2,h3,h4,h5,h6{
font-family: arial, verdana, sans-serif;

}

thead th,
tbody th{
font-family:gulim, arial, verdana, sans-serif;
}

select, option {
font-family:gulim, arial, verdana, sans-serif;
font-weight:700;
font-size:12px; }


button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: gulim, arial, verdana, sans-serif;
font-weight:700;
}

.menu{
font-family:gulim, arial, verdana, sans-serif; font-size:12px;
font-weight:700;
}



/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.5em;
line-height:1.5em;
margin:12px 2px 2px 2px;
padding:0 0 0 10px;
border-left:4px solid #ccc;

font-family:gulim, arial, verdana, sans-serif;
font-weight:700;
}

	blockquote span{font-size:0.7em;display:block;}
	blockquote.small{font-size:1.2em;}

blockquote.bbs{ 
	border-left:3px solid #184e5f;
	padding-left:4px;
	margin-left:3px;
	font-family: 'NanumGothicExtraBold', sans-serif; font-size:13px;
}

 

html {
    /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어 */
    -webkit-touch-callout:none;
    /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어 */
    -webkit-user-select:none;
    /* 링크를 터치했을때 나오는 기본 영역의 색상을 제어 */
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
 

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:5px;
padding:0 0 0 0;
color:#000;
background:#eefae7 url(/mobile/imagesn/bg_top.jpg) repeat-x;
font:normal 0.9em/150%'NanumGothicBold', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#wrapX{
max-width:640px;
 margin:0 auto;
width:100%;
height:100%;

}
#wrapXS{
max-width:640px;
 margin:0 auto;
width:100%;
height:100%;

}



.gradxn {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1c9b7), color-stop(100%, #f8f5f1)); /*Safari*/
background: -webkit-linear-gradient(top, #d1c9b7, #f8f5f1); /*WebKit nightly*/
background: -moz-linear-gradient(top, #d1c9b7, #f8f5f1); /* Modzilla Firefox */
}
 


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;


background:#fff;
}

#link-top{
display:none;
}



.TabMenu { margin:0; padding:0;  list-style:none; }
.TabMenu li {
	display:inline;
	padding:6px 10px;
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#ccc;
 	background:#fafafa;
}
.TabMenu li:last-child {
	border-right:1px solid #ccc;
}
 


.TabPage { list-style:none; padding:0; margin:0; }
.TabPage li {
	display:inline;
	margin:-1px;
	padding:0;
	background-color:#ffffff;
}
ul.TabPage li a:hover {
	background-color:#62aaf5;
	color:#ffffff;
}
.TabPage li a { 
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
 	background:#fff;
	font-size:11px;
	padding:10px 14px;  
}

ul.TabPage li a:visited {
 	color:#0066cc;
}




#news-container1 {
	margin:0 auto;
	padding:0;
	width:256px;
	height:50px;
}

#news-container1 li {
	height:50px;
}

.clear {  clear:both; }
#maintel { max-width:450px; margin:0 auto; padding:0 22px; }
#maintel ul, #maintel li { margin:0; padding:0; }
.linecircle {  line-height:130%;font-family:arial;font-size:12px;color:#d4d2d0;text-align:center;margin:10px; padding:0; }

p {
	font-family: arial, sans-serif;
	font-size:12px; line-height:1.6; color:#495559;
}
.pfont {
	font-family: arial, sans-serif;
	font-size:12px; line-height:1.6; color:#495559;
}

.NG {
	font-family: gulim, sans-serif;
}
.NGB {
	font-family: gulim, sans-serif;
	font-weight:700;
}
.NGEB {
	font-family: gulim, sans-serif;
	  font-weight:800;

}

.NBGB {
	font-family: gulim, sans-serif;
	font-weight:800;
}

.Anton { font-family: 'Anton', sans-serif; }


 

.fnt12 {
	font-size:12px; 
}
.fnt13 {
	font-size:13px; 
}

.fnt15 {
	font-size:15px; 
}
.fnt33 {
	font-size:55px; padding:30px
}

.subimg { border:14px solid #eeeeef; }
.dotline1 { margin:0; }
.imgboxs {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #ffffff 8px;
	background: #ffffff;
}

.imgboxs2 {
	border: solid #f4fdff 10px;
	background: #f4fdff;
	margin-top:5px;
}

.ulp { margin:0 17px;  }
.ulp  li {
	font-family: 'NanumGothicBold', sans-serif; font-size:12px; line-height:1.5; color:#495559; margin:0; padding:0;
}
.ulp2 { margin-top:4px; margin-bottom:8px;  }
.ulp2  li {
	font-family: 'NanumGothicBold', sans-serif; font-size:12px; line-height:1.5; color:#495559; margin:0; padding:0;
}
.ulp3 { margin:0 14px;  }
.ulp3  li {
	font-family: 'NanumGothicBold', sans-serif; font-size:12px; line-height:1.5; color:#495559; margin:0; padding:0;
}

.box_1 {
	border:1px solid #efefef;
 	background:#fcfbfa;
	clear:both;
	padding:13px;
	margin:0;
	font-size:12px; line-height:1.5; color:#495559; 
}
.bar_1 {
	border-left:3px solid #495559;
	padding-left:3px;
	font-weight:bold;
}
.bar_2 {
	border-left:3px solid #495559;
	padding-left:3px;
	font-weight:bold;
	font-size:13px;
}

.bar_1B {
	border-left:3px solid #184e5f;
	padding-left:4px;
	margin-left:3px;
	font-weight:bold;
	font-size:13px;
}

.stitle0 {
	font-size:14px;color:#5a87a4;
	font-weight:bold;
}
.stitle1 {
	font-size:18px;color:#5a87a4;
	font-weight:bold;
}

.stitle2 {
	margin-top:9px;
	margin-bottom:4px;
	font-weight:bold;
	font-size:14px;color:#d0ac05;
}
.stitle3 {
	color:#7f6055;font-size:12px;
}
.stitle4 {
	font-size:12px; 
}
.stitle5 {
	font-size:12px;color:#6bb3a1;  
}
.stitle6 {
	font-size:13px;color:#5fa290;  
}
.stitle7 {
	font-size:11px;color:#a3926e;  
}
.stitle8 {
	font-size:11px;color:#7ebb25;  
}

.nadate {
	font-size:10px;color:#6bb3a1;  
}
.smallfont {
	font-size:10px;color:#b2aa83; margin-top:-4px;
}


.box_2 {
	border:1px solid #efefef;
 	background:#fcfbfa;
 	margin:0;
	padding:10px;
	font-size:12px; line-height:1.5; color:#495559; 
}


.bar_sqare {
	border-left:15px solid #495559;
	padding-left:3px;
	font-weight:bold;
}
.bar_sqaren {
	border-left:15px solid #dddddd;
	padding-left:3px;
	font-weight:bold;
}


a.moreX {color:#6f9bc4;outline:0;text-decoration:none}
a.moreX:active{color:inherit;text-decoration:none}
a.moreX:visited{text-decoration:none}
a.moreX:hover{  text-decoration:none}

tr td { font-family:gulim,arial;  font-size:12px; line-height:1.5; color:#495559; padding:3px;	 }

.topMenu { position:relative; z-index:1200; }
#closeMx { display:none; }
.noticeTab li { list-style:none; float:left; margin:0; padding:0; }
.mgnD {  margin:0 0.500em; }

A.notice2:link    {color:#666666;text-decoration:none;font-size:12px;}
A.notice2:visited {color:#666666;text-decoration:none;font-size:12px;}
A.notice2:active  {color:#666666;text-decoration:none;font-size:12px;}
A.notice2:hover  {color:#2599a3;text-decoration:none;font-size:12px;}

.mgnHr { margin:0;   }
.txtOver { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis;  }

@media all and (max-width: 340px) {
	#Tabnotic .Nli { display:none; }
	.hdT { display:none; }

}


    .vIfame { width:615px; height:350px; }
@media only screen and (min-width:481px) and (max-width:640px){ 
    .vIfame { width:460px; height:350px; }
  }
@media only screen and (min-width:400px) and (max-width:480px){ /* 갤 노트 400 */
    .vIfame { width:380px; height:300px; }
  }
  @media only screen and (min-width:340px) and (max-width:399px){ /* 갤럭시 360 */
    .vIfame { width:320px; height:250px; }
  }
  @media only screen and (min-width:200px) and (max-width:339px){ /* 아이폰 320 */
    .vIfame { width:260px; height:200px; }
  }








.minTD { min-width:80px; }
.Nline { width:100%; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dae1e9; }
.Nline2 { margin:0; padding:0; width:100%; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dae1e9; }

.box1 { border:1px dashed #eeeeee; padding:10px; background-color:#fafafa; font-size:12px; color:#57756a; }
.box2 { border:2px dashed #eeeeee; padding:10px; background-color:#ffffff; margin:4px 0;}
.box3 { border:1px solid #e5e5e5; background:#fff; 	 	padding:13px; 	margin:0; 	}


/*-----------------------------------*/
/* Custom checkboxes, radios */
/*-----------------------------------*/
.custom-checkbox,.custom-radio {position:relative;}
.custom-checkbox label::selection, .custom-radio label::selection {background: transparent; color: inherit;}
.custom-checkbox input, .custom-radio input {position:absolute; top:3px; left:13px; margin:0; border:none; width:1px; height:1px; display:none;}
.custom-checkbox input {left:4px;}
.checkbox-middle .custom-checkbox input {left:-13px; top:2px;}
.checkbox-large .custom-checkbox input {left:-13px; top:3px;}
.ie8 .custom-checkbox input, .ie8 .custom-radio input {display:block;}
.custom-checkbox label.focus,.custom-radio label.focus {outline: 0;}

.custom-checkbox label,.custom-radio label {

    height:22px;
    line-height:22px;
    padding-left:26px;
    margin-bottom:6px;
    cursor:pointer;
    color:#8e8071;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image: url(/mobile/imgforms/styled_checkbox.png);
}
.custom-radio label {
    height:24px;
    line-height:24px;
    margin-bottom:11px;
    background-image: url(/mobile/imgforms/styled_radiobutton.png);
}
.custom-checkbox label.checked,.custom-radio label.checked {
    background-position:0 -100px;
}
.checkbox-large .custom-checkbox label,
.checkbox-large.checkbox-white .custom-checkbox label,
.checkbox-large.checkbox-noText .custom-checkbox label {
    height: 26px;
    line-height: 26px;
    padding-left:58px;
    background-image: url(/mobile/imgforms/styled_checkbox_large.png);
}
.checkbox-large.checkbox-white .custom-checkbox label{background-image: url(/mobile/imgforms/styled_checkbox_large2.png);}
.checkbox-large.checkbox-noText .custom-checkbox label{background-image: url(/mobile/imgforms/styled_checkbox_large3.png);}
.checkbox-red .custom-checkbox label{background-image: url(/mobile/imgforms/styled_checkbox2.png);}
.checkbox-filled .custom-checkbox label{background-image: url(/mobile/imgforms/styled_checkbox3.png);}
.radio-red .custom-radio label{background-image: url(/mobile/imgforms/styled_radiobutton2.png);}
.radio-filled .custom-radio label{background-image: url(/mobile/imgforms/styled_radiobutton3.png);}

input[type=checkbox]{ left:-13px; }
input[type=radio]{ left:-13px; }

.input1 { border:1px solid #e9f4f8; background-color:#e9f4f8; font-size:15px; height:30px; }

.tdcap { border-left:1px solid #e3efe9;border-right:1px solid #e3efe9;border-top:1px solid #e3efe9; } 
.tdtop { border:1px solid #e3efe9 }
.tdgen { border-left:1px solid #e3efe9;border-right:1px solid #e3efe9;border-bottom:1px solid #e3efe9; } 
 

.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}

.trailer { position:relative; padding-bottom:56.25%; }
.trailer iframe { position:absolute; width:100%; height:100%; }

.subMenu {
	margin:0;padding:0;
	list-style:none;
}
.subMenu li {
	border-bottom:1px dotted #cccccc;
}
.subMenu  li:last-child {
	border-bottom-width:0;
}

.banNer0 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px dotted #ccc;
	padding:5px 0;
	margin:5px 0;
}

.banNer {
	padding:5px 0;
	margin:5px 0;
}
.subTit {
	padding:10px 10px 20px 10px;
	margin:5px 0;
	background:#daf0f4;
}
 

.valignx { position:relative; top: 25%; left: 25%; }
 


#xfooter {
	text-align:center;
	padding:10px;background:#eeeeee;
	line-height:1.2;
}

 #carousel {
    max-width:800px;
    height:auto;
    display: relative;
  }
  #carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
	width:471px;
	height:306px;
  }
 
.noTice {
line-height:120%;
vertical-align: middle;
height:100px;background:lightyellow;color:#DEAE00;text-align:center;position:relative;
}
.noTice i[class^='icon-']{position:absolute;top:50%;left:0.8em;margin-top:-18px;}
.noTice span {position:absolute;top:50%;left:0.8em;margin-top:-18px;}



.centerx { text-align:center; }

.trline { border-bottom:1px solid #e3efe9; }
.sfnt { font-family:"Malgun Gothic",돋움; font-size:11px; color:#c9aa99 }
.txtbody {
border:1 solid;border-color:#e3efe9;background-color:#fbfbfb; line-height:130%
}

/*---------------------------------
	BUTTONS
-----------------------------------*/
.btnsmall {
	font-size:10px;
	border:1px solid #5bc0de;
	background-color:#5bc0de;
	color:#fff;
}
 

.btn-circle {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 20px;
  border:0;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.btn-circlen {
  text-align: center;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 20px;
  border:0;
  background-color:#4fa3db;
  color:#fff;
}




/*counter*/
.counterx { width:250px; border:4px solid #f1fbfa; padding:7px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	list-style:none;
}
.counterx li { width:130px; height:17px; border-bottom:1px solid #e5f6f4;  list-style:none; } 
.counterx li span { font-weight:bold; font-family:tahoma; color:#46beb1;  font-size:12px; }

/* ----------popup---------- */
.popTitle { width:100%; display:table-cell;vertical-align:middle; text-align:center; background-color:#3e99e4; color:#ffffff; font-size:22px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:700; line-height:1.4;  font-weight:bold \9; font-family:'gulim' \9;  }
.popText { font-size:14px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:300; line-height:1.4; }
.popText img { max-width:100%; }
/* ----------popup---------- */