@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* White Skin - Start */
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
a{text-decoration:none;}/*모든 링크의 밑줄을 제거*/


/* Site Layout - Body Wrap */
body { background:#ffffff;font-family: "굴림", Gulim, "돋움", Dotum,  AppleGothic, Sans-serif;}
#bodyWrap { position:relative; width:980px; margin:0 auto;}

/* Site Layout - Header */
#header { position:relative; width:966px; height:114px; background:url(../images/white/bgHeader.png) no-repeat right bottom;margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:5px; left:0px;}

/*가로로그인정보*/
#mini_gnb {margin:7px 0 0 0; text-align:right;}/*글자 위아래 포함한 행 전체 직사각형*/
#mini_gnb ul {padding:0 30px 0 0;}/*글자있는 행 전체 직사각형. 여기서 패딩은 이 직사각형의 테두리와 각각의 메뉴글씨를 둘러싼 사각형 테두리와의 거리 */
#mini_gnb li {display:inline; list-style:none; margin:0 4px 0 4px; font-size:12px; white-space:nowrap;}/*각각의 메뉴글씨를 둘러싼 사각형*/
#mini_gnb li strong {color:#555;}
#mini_gnb li a {letter-spacing:-1px; text-decoration:none;  "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif; 
                       color:#ff6600; font-weight:bold;} /*글자 그 자체*/
#mini_gnb li a:hover {text-decoration:underline;} /*글자 그 자체 마우스 오버시*/
/*가로로그인정보끝*/

#gnb { position:absolute; top:76px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; /*background:url(../images/white/bgGnbVr.gif) no-repeat left center; */padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#FFFFFF; white-space:nowrap; text-decoration:none; font-weight:bold;}
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;background:url(../images/white/bgHeader.on.png) no-repeat center top;}
#gnb li.on a { font-weight:bold; color:#ffffff;background:url(../images/white/bgHeader.on.png) no-repeat center top; /*background:url(../images/white/bgGnbOn.gif) no-repeat center top;*/}


/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; /*background:url(../images/white/bgContentBody.gif) repeat-y left top;columnLeft를 감싸는 좌우측 두줄로 없애버리는게 보기좋음*/ border-bottom:6px solid #666666;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
/*#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}로그인박스하단의 얇은 줄로 제거하는게 보기좋음*/

/*좌측배너 */
.LeftBanner {margin:11px 0 11px 0; border:1px solid #E1E1DD;}
.rankeywidget {margin:3px 0 6px 0; border:0; padding: 4px 2px 4px 10px;}


/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer 끝이 아님을 유의*/
#footer { margin:0; padding:0 ; /*border-top:3px solid #f4f4f4; */text-align:center; padding:2em 0 4em; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/white/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#666666; font:1em  "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif;text-decoration:none; font-weight:bold;}
#footer li address { font-size:1em; font-style:normal; color:#666; text-decoration:none; line-height:140%; text-align:center;padding: 20px 80px 0px 80px; }



/*각 페이지 내용직접추가부분 */

strong{ color:#2E3641; important!}
.strong_white{color:#FFFFFF;}
.strong_black{color:#555555;}
p{line-height:1.7em}
span{line-height:1.7em}
/*.highlighterA{background-color:#7DFB00;}연두형광펜 보기싫어 삭제함. 타사이트 활용하자*/


/*메인페이지상단박스 */
.mainTitleBox {border:1px solid #E1E1DD; margin:2px 4px 3px 0;padding:0;}
/*메인페이지 6개의 이미지박스 */
.mainImageBox {width:251px;float:left;border:1px solid #E1E1DD; margin: 1px 1px 3px 1px; padding:0;}
/*키워드맞춤페이지 하단박스 */
.keyBox {width:743px;border:1px solid #E1E1DD; margin: 1px 1px 6px 14px; padding:0;}


.columnRight a{color: 000000;important! text-decoration:none;important!}
.columnRight a:visited{color:#000000;}

.location{border:1px solid #E1E1DD;padding:10px;margin:2em 2em/*15px 30px 0px 20px;*//*background-color: #F9F9F9;*/ }	
.location a{color:	#000;	  text-decoration: none;} 
.location a:hover{text-decoration:underline;}


.mainpageLeftbox{ position:relative;width:354px;float:left;border:1px solid #E1E1DD;margin:0em 0em 0.5em 0em;padding:0 1em 0 1em;}
/*메인페이지 좌측박스임*/
.mainpageRightbox{ float:right;width:354px;border:1px solid #E1E1DD;margin:0em 0.3em 0.5em 0em;padding:0 1em 0 1em;}
/*메인페이지 우측박스임*/
.mainpageImagebox { margin: 10px;padding: 1.2em 0; float: right;width: 200px;height: 100px;/*border:1px solid #E1E1DD;*/}
/*메인페이지 좌우측박스안에 있는 이미지박스임*/
.mainpageTextbox     { margin: 10px;padding: 10px;/*border:1px solid #E1E1DD;*/}
.mainpageTextbox h2{color:black;font-size:1.1em; border-bottom: 8px solid #ff6600; padding-bottom: 10px;}

.titlebox     { margin:0 1.2em 1.2em 1.2em;padding:0.2em 1.5em;border:6px solid #666666;} /*각페이지최상단박스임*/
.box          { margin:1.2em;padding:0.5em 1.5em;border:1px solid #E1E1DD;} 
.applybox          { margin:1.2em;padding:0.5em 1.5em;border:1px solid #E1E1DD;} 
.imagebox { margin: 10px;padding: 1.2em 0; float: right;width: 200px;height: 100px;/*border:1px solid #E1E1DD;*/}
/*각페이지최상단박스안에 있는 우측이미지임. */
.imageboxLeft { margin: 10px;padding: 1.2em 0; float: left;width: 200px;height: 100px;/*border:1px solid #E1E1DD;*/}
 /*각페이지최상단박스안에 있는 좌측이미지임. */
.textbox     { margin: 10px;padding: 10px;/*border:1px solid #E1E1DD;*/}
/*각페이지의 titlebox안에있음*/

.aBox {margin:4px 4px 4px 15px;padding:0;} /*각 이미지중심페이지의 경계선없는박스임*/
.bBox {margin:4px 4px 4px 15px;padding:0;border:1px solid #E1E1DD;width:739px;} /*각 이미지중심페이지의 경계선있는박스임*/

h1{color:#5e5e5e;font-size:1.1em;} /* h1은 홈페이지 타이틀을 써야 하는데 html에선 어디 써야할지 아직 모르겠다 */
.titlebox h2{color:black;font-size:1.1em; border-bottom: 8px solid #ff6600; padding-bottom: 10px;}
.box h2{color:black;font-size:1.1em; border-bottom: 8px solid #ff6600; padding-bottom: 10px;}
.textbox h2{color:black;font-size:1.1em; border-bottom: 8px solid #ff6600; padding-bottom: 10px;}
/* h2는 그 페이지의 타이틀. 검은색이고 1.1배로 아래 h3와 같다. 너무 크게하면 보기 싫기 때문. 그래도 검색에서 중요도는 달리 취급된다.8픽셀짜리 굵은 주황색 밑줄. 아래 내부여백은 10픽셀 */


.box h3 {color:#FF6600;/*주황폰트*/ font-size:1.1em;text-decoration:none;border-left: 10px solid #ff6600;/*주황좌측바*/padding: 0.1em 2em 0.1em 1em; }
.applybox h3 {color:#FF6600;/*주황폰트*/ font-size:1.1em;text-decoration:none;padding: 0.1em 2em 0.1em 1em; }
td h3 {color:#FF6600;/*주황폰트*/ font-size:1.1em;text-decoration:none;padding: 0.1em 2em 0.1em 1em; }
/*applybox는 각p신청하기버튼이 있는 박스로 box와의 차이는 주황좌측바가 없다는 것*/
/* 이하 3가지 다 box종류 안의 소타이틀. h3 폰트. 1.1배. 그리고 좌측바와 패딩*/
.box h4{color:#66cc00;/*연두폰트*/font-size:1.1em;border-bottom: 5px solid #66cc00;/*연두밑줄*/padding: 1em 2em 1em 1em; } 
.boxB h3{color:#FF6600;/*주황폰트*/font-size:1.1em;border-left: 10px solid #FF6600;/*주황좌측바*/padding: 0.1em 2em 0.1em 1em; }
.boxC h3{color:#008000;/*초록폰트*/font-size:1.1em;border-left: 10px solid #008000;/*초록좌측바*/padding: 0.1em 2em 0.1em 1em; }
.boxC h3{color:#666666;/*회색폰트*/font-size:1.1em;border-left: 10px solid #666666;/*회색좌측바*/padding: 0.1em 2em 0.1em 1em; }




.boxContent {/*margin-top:0.5em;*/padding: 0em 2em 0.25em 2em;}/*boxContent는 위 외부여백이 0.5em, 내부여백은 상하좌우가 각각 다르다*/
/*#telephonRight { position:relative; width:201px; float:left;background:url(../images/white/phone.jpg) no-repeat right center;}*/

blockquote{border:1px solid #ff8800;padding:.5em 1.5em;}
.Squ {padding:2em 2em; margin-bottom: 1.5em;border: solid 1px #558800;}  
.SquareB {padding: 0.1em 2em 0.1em 1em;margin-bottom: 1.5em;border: solid 1px #006600;}  
.SquareC {padding: 0.1em 2em 0.1em 1em;margin-bottom: 1.5em;border: solid 1px #666666;} 

.numberA {font-family:arial black; font-weight:bold; color:#ff6600;  font-size:1.1em;}
.numberB {font-family:Gulim;font-weight:bold;  }

/*ol과 ul의 변화*/

/*ol li {font-weight:bold;color:#ff6600;} */  /*참고로 이 볼드체 방법은 ul에는 먹히지 않는다. font가 아니라고 봐서인것 같다.*/
ol li span {font-weight:normal; color:#000000;}
ul li span {font-weight:normal; color:#333333;}
/*위의 두줄은 li span 안에 있는 것은 전부 검은색 보통 글꼴이라는 것이다. */

/*여기서부터 테스트*/
ol.ordered_listA{font-weight:bold;color:#ff6600;font-family:arial black;}
ol.ordered_listB{font-weight:bold;color:#66cc00;}
/*여기까지 테스트*/

ul.bulletA {list-style-type: disc;color: #ff6600;/*주황색 동그라미*/}
ul.bulletB {list-style-type: disc;list-style-position:outside;/*inside라고 하면 안으로 들어감*/color: #66cc00; /*연두색 동그라미*/}
ul.bulletC {list-style-type: circle;color: #ff6600;  /*주황색 써클*/}
ul.bulletD {list-style-type: circle;color: #66cc00; /*연두색 써클*/}
ul.bulletE {list-style-type: square;color: #ff6600;  /*주황색 사각형*/}
ul.bulletF {list-style-type: square;color: #66cc00; /*연두색 사각형*/}


/*테이블 A(인터넷상담페이지)*/
.email_consultation_table{margin:5px 10px 5px 15px;} 
.mini_table{width:600px;border:0;margin:25px 0 0 0 ;}
.box .tableA { margin-left: 1.5em; margin-bottom: 1.5em;}
.box .tableA th {text-align: center;font-weight: bold;padding:1.4em 2.4em;color: #444;background-color: #f7f8f6;}
.box .tableA td { text-align: center;padding: 1.4em 2.4em;}
.box .tableA tr.rowA { background-color: #f2f9f8;color: inherit;}
.box .tableA tr.rowB { background-color: #f1f4ec;/*fafafa*/color: inherit;}

/*테이블 B(서면대행 페이지)*/
.box .tableB { margin-left: 1.5em; margin-bottom: 1.5em;}
.box .tableB th {text-align: center;font-weight: bold;padding:1.4em 2.4em;color: #444;}
.box .tableB td {text-align: center;padding: 1.4em 2.4em;}
.row1_left{background-color:#D6D6D6;padding: 1.4em 2.8em;text-align: center;}
.row1_center{background-color:#FAF9F7;padding: 1.4em 2.8em;text-align: center;}
.row1_right{background-color:#FCFCFA;padding: 1.4em 2.8em;text-align: center;}
.row2_left{background-color:#BBBBBB;padding: 1.4em 2.8em;text-align: center;}
.row2_center{background-color:#F6F4F0;padding: 1.4em 2.8em;text-align: center;}
.row2_right{background-color:#F9F8F5;padding: 1.4em 2.8em;text-align: center;}
.row3_left{background-color:#AEAEAE;padding: 1.4em 2.8em;text-align: center;}
.row3_center{background-color:#F0EEE7;padding: 1.4em 2.8em;text-align: center;}
.row3_right{background-color:#F3F2EB;padding: 1.4em 2.8em;text-align: center;}
.row4_left{background-color:#939393;padding: 1.4em 2.8em;text-align: center;}
.row4_center{background-color:#E7E3D7;padding: 1.4em 2.8em;text-align: center;}
.row4_right{background-color:#EAE9DC;padding: 1.4em 2.8em;text-align: center;}
.row5_left{background-color:#787878;padding: 1.4em 2.8em;text-align: center;;}
.row5_center{background-color:#DAD4C2;padding: 1.4em 2.8em;text-align: center;}
.row5_right{background-color:#DCDAC5;padding: 1.4em 2.8em;text-align: center;}


/*모바일페이지 */
.mobileIconContainer{margin: 10px 10px;padding:0;float: left;list-style: none; height:150px;width:65px;}








/* White Skin - End */