/* Common **********************************************************************/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Common **********************************************************************/ 
html,body {width:100%; }
html {overflow-y:scroll;}
body {*word-break:break-all;-ms-word-break:break-all;word-break:keep-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:22px;    font-family: 'Nanum Gothic';color:#7d7d7d;} 

a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:underline}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*main*/
#wrap{width:100%; background:url(/images/main_img/top_bar.jpg) center top no-repeat}
#header_wrap{width:100%; height:176px; }
.header{width:1000px; height:126px; margin:0 auto; position:relative; background:url(/images/main_img/top_bg.png) 450px 3px no-repeat}
.navi_wrap{width:100%; height:50px; background:#333}
.navi{width:1000px; height:50px;  margin:0 auto}
.navi a{width:1000px; height:50px; font-size:14px; font-weight:bold; color:#fff; text-decoration:none}
.mini_top{position:absolute; top:80px; right:0; font-size:11px}
.mini_top a{color:#7d7d7d}
#visual_wrap{width:720px; height:425px; overflow:hidden;}
#content_wrap{width:1000px; margin:0 auto; overflow:hidden;}
.con1{width:223px; height:203px; border:1px #e0e0e0 solid; background:url(/images/main_img/con1_bg.jpg) center top no-repeat; font-size:13px; padding:20px; line-height:23px}
.con2{width:223px; height:38px; border:1px #e0e0e0 solid; padding:20px;}
.con2 a{font-size:18px; font-weight:bold; color:#636363; text-decoration:none}
.con3{width:223px; height:38px; border:1px #e0e0e0 solid;  padding:20px; font-size:16px; font-weight:bold; color:#636363}
.con3_p{font-size:23px; font-weight:bold; color:#555; font-family:"Arial"}
.con_bot{width:1000px; height:310px; overflow:hidden;}
.con4{width:318px; height:163px; border:1px #e0e0e0 solid; padding:15px; position:relative}	
.con4 a, .con5 a{line-height:24px; font-size:13px; color:#707070}
.more{position:absolute; top:15px; right:13px}
.more a{color:#707070; text-decoration:underline}
.con4 h2, .con5 h2{font-size:18px; font-weight:bold; color:#272727}
.con5{width:318px; height:163px; border:1px #e0e0e0 solid; padding:15px; position:relative}
.con6{width:265px; height:195px;}
.con6 h2{font-size:18px; font-weight:bold; color:#555}
.site{width:958px; height:53px; border:1px #e0e0e0 solid; background:#f5f5f5; position:relative; padding:20px; color:#888; line-height:21px}
.site h2{font-size:16px; font-weight:700; color:#272727}
.site ul li{display:inline}
.site_list{position:absolute; top:15px; right:50px}
.left{position:absolute; left:130px; top:40px}
.right{position:absolute; right:15px; top:40px}
#footer{width:1000px; height:96px; margin:0 auto; position:relative}
.form{width:900px}
.sns{position:absolute; top:30px; right:0px}
.f_left{float:left}
.f_right{float:right}
.orange{color:#f26522}
.gray{color:#797979}
.green{color:#197b30}
.blue{color:#0b418e}
.txt_p {color:#252525;text-decoration:underline;font-weight:bold}
.txt_p2 {color:#f26522;text-decoration:underline;font-weight:bold}

/*sub*/
#subcontent_wrap{width:1000px; margin:0 auto; overflow:hidden}
.left_con{width:148px; height:28px; border:1px #e0e0e0 solid; padding:20px; background:#f7f7f7}
.left_con a{font-size:16px; font-weight:bold; color:#636363; text-decoration:none}
.left_con2{width:168px; height:53px; border:1px #e0e0e0 solid; padding:10px 0 20px 20px; background:#f7f7f7; position:relative}
.left_con2 .call{font-size:23px; font-weight:bold; color:#555; font-family:"Arial"; position:absolute; bottom:15px; left:15px}
.right_content{width:770px; position:relative}
.right_content h4{color:#f26522;font-size:17px;font-weight:bold;line-height:18px;background:url(/images/sub_img/h4_dot.jpg) 0 5px no-repeat;padding-left:10px;}
.right_content h5{color:#272727;font-size:15px;font-weight:bold;line-height:18px;background:url(/images/sub_img/h5_dot.jpg) 0 2px no-repeat;padding-left:20px;}
.sub03{float:right; position:absolute; top:0; right:0}
.sub04{height:400px;background:url(/images/sub_img/sub0104_01.jpg) 0 30px no-repeat;}
.right_title{color:#555}
.right_title h3{font-size:30px; font-weight:bold; color:#252525}

.txt01 {font-size:24px; font-weight:bold; color:#252525;line-height:32px}
.txt02 {font-size:15px; color:#5f5f5f;}
.txt03 {font-size:15px; color:#5f5f5f;font-weight:bold;}
.history01{width:770px}
.history01 h4{background:none;}
.history01 dl{position:relative; line-height:26px; overflow:hidden;}
.history01 dt{height:40px; font-size:15px; font-weight:bold; color:#272727; }
.history01 dd{font-size:14px; color:#707070; overflow:hidden;}
.his_con{width:550px; float:right}

.box_s01 {position:relative;border:1px solid #e1e1e1;padding:25px;overflow:hidden}
.box_s01 .p_left{width:100px;height:100px;line-height:100px;text-align:center;float:left;font-size:22px;font-weight:bold;color:#f26522;background:url(/images/sub_img/step_bg.jpg) no-repeat;}
.box_s01 .p_right{width:590px;float:right;}

.box_s01 .e_left{width:230px;height:100px;float:left;}
.box_s01 .e_right{width:460px;float:right;}

.box_s01 dl {line-height:30px;}
.box_s01 dt {float:left;width:340px;background:url(/images/sub_img/h5_dot.jpg) 0 8px no-repeat;padding-left:20px;font-weight:bold;color:#555;}
.box_s01 dd a:hover {color:#f26522;}

.name {color:#555;font-size:17px;font-weight:bold}

.dot {background:url(/images/sub_img/dot.jpg) 0 8px no-repeat;padding-left:15px;}
.dot2 {background:url(/images/sub_img/h5_dot.jpg) 0 4px no-repeat;padding-left:20px;font-weight:bold;}

.his_con2 {width:100%;}
.his_con2 th{width:70px;font-weight:bold; color:#272727;float:left;text-align:left}
.his_con2 td{width:680px;color:#707070;float:right;line-height:24px;}


.greeting_w {width:100%;overflow:hidden;}
.greeting_img {width:230px;float:left;}
.greeting_txt {width:540px;float:right;}

.line {border-top:1px solid #e0e0e0;}


/*tb_online-온라인폼*/
.tb_online{width:100%;}
.tb_online th {height:34px; background:#f9f9f9; color:#444; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; text-align:center;}
.tb_online td {padding:5px; border-top:1px solid #ccc; border-bottom:1px solid #e1e1e1; padding-left:10px;line-height:22px;}
.tb_online .bgf7{background-color:#f7f7f7;}
.form_input  {border: 1px solid #d6d9de; width:50%; height:23px; color:#676767; font-size:11px;}
.form_input1  {border: 1px solid #ccc;  height:24px; line-height:24px; color:#676767; font-size:11px;}

/* box style 
------------------------------------------------------------------------------- */
.grayLineBox {border:1px solid #ddd; font-size:13px;}
.grayLineBox .cont {padding:18px 19px;}
.grayLineBox p.part {padding-top:20px; margin-bottom:20px; font-size:0; line-height:0; border-bottom:1px solid #ddd;}
.grayLineBox .List {overflow: hidden; height: 100%;} 
.grayLineBox .List ul.mvList {float:left; width:280px; margin-left:100px; line-height:24px;} 
.grayLineBox .List ul.mvList li a {color:#333;}
.grayLineBox .List ul.mvList_2 li a {color:#333;}
.grayLineBox .List ul.mvList li a:hover {text-decoration:none; color:#0065b3;} 
.grayLineBox .List ul.mvList_2 {float:left; width:350px; line-height:24px;} 
.grayLineBox .List ul.mvList_2 li a:hover {text-decoration:none; color:#0065b3;} 
.grayLineBox .pc a:hover {color: #0065b3; text-decoration: none;}


.grayLineBox .cont2 {padding:18px 19px;  font-size:13px;}
.grayLineBox .cont2 p {margin-top:10px;}
.grayLineBox .cont2 p.txt01 {color:#000; font-size:14px; margin-top:15px; font-weight:bold;}
.grayLineBox .cont2 p.txt02 {color:#555; margin-top:15px; font-weight:bold;}