@import url('layout.css');

#container{width:100%;margin-top:90px;}
.sub_tit_area{width:100%;height:345px;margin:0 auto;}
.sub_tit_area.company{background:url("../img/sub/sub_tit_bg1.jpg") center no-repeat}
.sub_tit_area.biz{background:url("../img/sub/sub_tit_bg2.jpg") center no-repeat}
.sub_tit_area.service{background:url("../img/sub/sub_tit_bg3.jpg") center no-repeat}
.sub_tit_area.customer{background:url("../img/sub/sub_tit_bg4.jpg") center no-repeat}
.sub_tit_area.common{background:url("../img/sub/sub_tit_bg5.jpg") center no-repeat}
.sub_tit_area > div{width:1260px;padding:110px 0 0;margin:0 auto;position:relative;text-align:center;color:#fff}
.sub_tit_area > div h2{font-size:30px;}
.sub_tit_area > div h2:after{display:block;content:"";width:30px;height:3px;margin:5px auto 10px;background:#045ee8;}
.sub_tit_area > div > p{font-size:16px;font-weight:100}


.lnb_area{width:100%;height:60px;}
.tab_tit1 {position:relative;width:100%; max-width:1512px; min-width:1512px; margin:0 auto; height:100%; background-color: #fff;-webkit-box-sizing:border-box; -moz-box-size:border-box; box-sizing:border-box;z-index:99}
.tab_tit1 > ul:after{display:block;clear:both;content:''}
.tab_tit1 > ul > li{float:left;position:relative}
.tab_tit1 > ul > li > a{display: inline-block;width:196px;padding:0 27px;margin-left:-1px;line-height:60px;color: #666;font-size:16px;border:1px solid #ddd; background:#fff;font-weight:350}
.tab_tit1 > ul > li:first-child > a{border-left:1px solid #e5e5e5}
.tab_tit1 > ul > li > a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000;}
.tab_tit1 > ul > li.active > a{width:199px;height:62px;line-height:62px;border:none;background:#b5d3f4;color:#fff}
.tab_tit1 > ul > li.active > a:after{position:absolute;content:'';top:50%;right:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #fff;border-top:none;}
.tab_tit1 > ul > li.on > a{height:62px;line-height:62px;border:none;background:#1e72cc;color:#fff}
.tab_tit1 > ul > li > ul{display:none; position:absolute;top:62px;left:-1px; right:0px;border:1px solid #ddd;border-top: 0; background:#fff; }
.tab_tit1 > ul > li:first-child > ul{left:0}
.tab_tit1 > ul > li > ul > li > a{display:inline-block;width:90%;padding:7px 5%;border-top:1px solid #e5e5e5;color: #666;}
.tab_tit1 > ul > li > ul > li > a:hover, 
.tab_tit1 > ul > li > ul > li > a:active, 
.tab_tit1 > ul > li > ul > li > a:focus,
.tab_tit1 > ul > li > ul > li.active > a{color:#111}

.tab_tit2{position:relative;width:1260px;margin:-30px auto 0;height:100%; background-color: #fff;-webkit-box-sizing:border-box; -moz-box-size:border-box; box-sizing:border-box;}
.tab_tit2 ul {display:table; table-layout:fixed; width:100%}
.tab_tit2 ul li {display:table-cell}
.tab_tit2 ul li a {display:block;position:relative;height:60px;line-height:60px;text-align:center;border:1px solid #ccc;border-left:0;font-size:18px;font-family:'Noto Sans KR'}
.tab_tit2 ul li:first-child a {border-left:1px solid #ccc;}
.tab_tit2 ul li:first-child.on a {border-left:0}
.tab_tit2 ul li.on a {background:#1e72cc;border:1px solid #1e72cc;color:#fff;}
.tab_tit2 ul li.on a:after {display:inline-block; content:''; position:absolute; bottom:0; left:-1px; width:1px; height:60px; background:#1e72cc;}

.content{position:relative;width:1260px;margin:0 auto;padding:40px 0;}
.content:after{content:"";display:block;clear:both}
.content.wide{width:100%;}

.content h3{margin-bottom:20px;text-align:center;font-size:28px;color:#000;font-weight: bold;}
.content h3:before{display:block;content:"";width:24px;height:3px;margin:5px auto;background:#125eab;}
.content h4{font-size:17px;color:#222; margin-bottom: 10rem;}
.content h4:after{display:block;content:"";width:15px;height:1px;margin:0px 1px;background:#125eab;}

.btn_area{text-align:center}
.btn_area a{display:inline-block;padding:0 30px;height:45px;line-height:45px;background:#383d47;color:#fff;font-size:16px;}

.tab_menu{height:40px;border-bottom:1px solid #333}
.tab_menu ul{overflow:hidden}
.tab_menu li{float:left;margin-right:2px;}
.tab_menu li a{display:block;padding:0 50px;height:40px;line-height:40px;border-radius:3px 3px 0 0;background:#999;color:#fff}
.tab_menu li.on a{background:#333}
.tab_menu.brd  li a{padding:0 40px;}

.tab_cont{padding:20px}
.tab_cont:after{content:"";display:block;clear:both;}



/*----------------------
	회占쏙옙柰占�(com)
----------------------*/

/*占쌀곤옙:회占쏙옙柰占�*/
/* .com_info > div{padding:50px 0;margin-bottom:50px;background:url("/html/img/sub/company_info_img.jpg") center top no-repeat;background-size:cover} */
.com_info > div{padding:50px 0;margin-bottom:50px;}
.com_info > div > div{position:relative;width:1260px;margin:0px auto;}
.com_info > div > div dl{overflow:hidden;padding:10px;font-size:16px;}
.com_info > div > div dl dt{float:left;width:90px;color:#111}
.com_info > div > div dl dd{float:left}
.com_info > div > div  .company_down{position:absolute;right:0px;bottom:20px;overflow:hidden;display:inline-block;width:177px;height:50px;}
.com_info > div > div  .company_down a{position:absolute;top:0;height:50px;transition: .2s ease .1s;}
.com_info > div > div  .company_down a:hover{top:-50px;}

/*占쌀곤옙:占썸영철占쏙옙*/
.com_mind > div{overflow:hidden;width:1160px;margin:10px auto;}
.com_mind > div h5{padding-bottom:70px;text-align:center;font-size:24px;color:#383d47;}
.com_mind > div dl{float:left;width:20%;margin:0 2.5%;}
.com_mind > div dl dt{width:180px;height:180px;line-height:180px;margin:0 auto;text-align:center;border-radius:50%;background:#4b96e6;font-size:20px;color:#fff}
.com_mind > div dl:nth-of-type(2) dt{background:#777}
.com_mind > div dl:nth-of-type(3) dt{background:#1e72cc}
.com_mind > div dl:nth-of-type(4) dt{background:#383d47}
.com_mind > div dl dd{margin-top:25px;}
.com_mind > div dl dd p{margin:10px 0;text-align:justify}

/*占쌀곤옙:占쏙옙占쏙옙*/
.com_history{margin-top:70px;background:url("/html/img/sub/company_history_bg.png") repeat-y}
.com_history .hsty_box{display:block;padding:0px 0 60px 100px;font-size:13px;position:relative;}
.com_history .hsty_box:after{content:"";display:block;clear:both}
.com_history .hsty_box > h6{float:left;width:200px;padding:0 170px 0 100px;margin-top:-15px;font-size:40px;color:#333;}
.com_history .hsty_box > h6:before{content:"";display:block;clear:both;width:13px;height:13px;background:#2980dd;border-radius:50%;position:absolute;left:421px;top:0;border:3px solid #fff;box-shadow:1px 1px 3px #999}
.com_history .hsty_box > h6:after{content:"";display:block;clear:both;width:19px;height:1px;background:#2980dd;margin:-2px 2px}
.com_history .hsty_box > div{float:left;}
.com_history .hsty_box > div dl{display:block;margin:3px 0}
.com_history .hsty_box > div dl:after{content:"";display:block;clear:both;}
.com_history .hsty_box > div dl dt{float:left;width:50px;font-family:'Montserrat', sans-serif;font-size:15px;color:#2669cf;font-weight:500;}
.com_history .hsty_box > div dl dd{float:left;}
.com_history .hsty_box > div dl dd p{line-height:20px;}
.com_history .hsty_box > div dl dd p.txt{color:#2d8cec}

/*占쌀곤옙:占쏙옙占쏙옙占쏙옙占�*/
.com_biz > div{overflow:hidden;float:left;display:block;width:50%;height:260px;padding:20px 0;border-bottom:1px dotted #ccc;}
.com_biz > div > span{float:left;width:14%;font-size:44px;color:#e7d89b}
.com_biz > div > div{float:left;width:83%;padding-top:10px;}
.com_biz > div > div dl{height:150px;}
.com_biz > div > div dl dt{font-weight:bold}
.com_biz > div > div dl dd{margin:2px 0;}
.com_biz > div > div > ul{overflow:hidden;}
.com_biz > div > div > ul li{float:left;width:45%;margin:5px 0;padding-left:10px;background:url("../img/bull_03.gif") 0 6px no-repeat;font-size:13px;}
.com_biz > div > div > div > ul li{margin:5px 0;padding-left:10px;background:url("../img/bull_03.gif") 0 6px no-repeat;font-size:13px;} 
.com_biz > div:nth-of-type(1) > div{background:url("../img/sub/com_biz_img1.jpg") 30px 70px no-repeat}
.com_biz > div:nth-of-type(2) > div{background:url("../img/sub/com_biz_img2.jpg") 30px 70px no-repeat}
.com_biz > div:nth-of-type(3) > div{background:url("../img/sub/com_biz_img3.jpg") 30px 60px no-repeat}
.com_biz > div:nth-of-type(4) > div{background:url("../img/sub/com_biz_img4.jpg") 20px 60px no-repeat}
.com_biz > div:nth-of-type(5) > div{background:url("../img/sub/com_biz_img5.jpg") 20px 60px no-repeat}
.com_biz > div:nth-of-type(6) > div{background:url("../img/sub/com_biz_img6.jpg") 20px 60px no-repeat}
.com_biz > div:nth-of-type(7) > div{background:url("../img/sub/com_biz_img7.jpg") 20px 80px no-repeat}
.com_biz > div:nth-of-type(8) > div{background:url("../img/sub/com_biz_img8.jpg") 20px 80px no-repeat}

/*占쌀곤옙:占쏙옙占쏙옙占쏙옙占쏙옙占� 특占쏙옙*/
.com_tech ul{margin:20px 0;}
.com_tech ul li{margin:5px 0;padding-left:30px;background:url("/html/img/com/bull_02.gif") 20px center no-repeat}

/*占쌀곤옙:占쌍울옙占쏙옙占�*/
.com_partner {}
.com_partner ul{overflow:hidden;margin:10px 0 50px;}
.com_partner ul:after{content:"";display:block;clear:both}
.com_partner ul li{display:inline-block;width:120px;margin:15px 15px 0 0}

/*占쌀곤옙:占쏙옙占시는깍옙*/
.com_loadmap{overflow:hidden;height:683px;}
.com_loadmap .map{float:left;width:780px;}
.com_loadmap .address{float:right;width:480px;height:100%;background:#4b96e6 url("/html/img/sub/std_img1.jpg") right bottom no-repeat;background-size:90%}
.com_loadmap .address ul{margin:30px 0 20px 40px;}
.com_loadmap .address ul li{margin:10px;color:#fff;font-size:16px;}
.com_loadmap .address ul span{display:inline-block;width:90px;}

/* 경영진 */
.com_mind > div{overflow:hidden;width:1260px;margin:10px auto;}
.com_mind > div > h4{
	color: #000;
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.com_mind > div > .com_mind_title {
	margin-bottom: 5rem;
	text-align: left;
}

.intro_img_wrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5rem;
}

/*----------------------
	占쏙옙占쏟스안놂옙(biz)
----------------------*/
.biz_cont{margin:20px 0;}
.biz_cont > ul{margin:20px 0;}
.biz_cont > ul > li{margin:5px 0;padding-left:30px;background:url("/html/img/com/bull_02.gif") 20px 9px no-repeat;}
.biz_cont > dl{margin:20px 0;}
.biz_cont > dl dt{margin:5px;font-weight:500}
.biz_cont > dl dd{margin:5px 0 10px;padding-left:30px;background:url("/html/img/com/bull_02.gif") 20px 9px no-repeat;}
.biz_cont  img{display:inline-block;margin:10px 0 50px 18px;text-align:center}
.biz_cont  table{width:70%;margin:30px 0px;}
.biz_cont  table thead th{padding:10px;background:#f5f5f5;border-top:1px solid #bbb;border-bottom:1px solid #ddd}
.biz_cont  table tbody td{padding:10px;border-bottom:1px solid #ddd;text-align:center}
.btn_banking_down{position:absolute;right:0;top:100px}
.btn_banking_down a{display:block;height:34px;line-height:34px;padding:0 20px;background:#555;color:#fff}
.btn_banking_down a:hover{background:#4986e5}
.btn_freeon{margin:20px;}
.btn_freeon a{display:inline-block;height:34px;line-height:34px;padding:0 20px;background:#555;color:#fff}
.btn_freeon a:hover{background:#4986e5}



/*----------------------------
	占쏙옙占쏟스쏙옙청(service)
----------------------------*/

/*占쏙옙占쏟스쏙옙청占쏙옙占쏙옙*/
.svc_appstep > ul{margin:20px 0;}
.svc_appstep > ul > li{margin:5px 0;padding-left:30px;background:url("/html/img/com/bull_02.gif") 20px 9px no-repeat;}
.svc_appstep > ul > li dl dt{padding:10px 0 3px;color:#4b96e6;font-size:16px;}

/*占쏙옙占쏟스쏙옙청*/
.svc_agree{}
.svc_agree .agree_area{width:90%;height:300px;padding:30px 5%;margin:20px 0;background:#f5f5f5}
.svc_agree .agree_area iframe{width:100%;height:100%;border:1px solid #eee;background:#fff;overflow:scroll;}
.svc_agree .agree_area > p input{margin:0 3px;vertical-align:middle}

/*占쏙옙占쏟스쏙옙청占싹뤄옙*/
.svc_success{padding:60px;text-align:center}
.svc_success h5{padding:10px;font-size:24px;color:#1e72cc}


/*占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占�*/
.svc_manager > ul{margin:20px 0}
.svc_manager > ul > li{margin:5px 0;padding-left:30px;background:url("/html/img/com/bull_02.gif") 20px 9px no-repeat;}
.svc_manager > ul > li span{display:inline-block;width:150px;}
.svc_manager > ul > li a{color:#4b96e6}
.svc_manager > div{margin:20px 0 30px;padding:30px;background:#eef2f5}
.svc_manager > div ul{overflow:hidden}
.svc_manager > div ul li{float:left;display:block;padding:0 33px;background:url("/html/img/com/line_01.gif") 0 center no-repeat}
.svc_manager > div ul li:first-child{background:none}

/*占쏙옙占쏙옙占쏙옙회 占싸깍옙占쏙옙*/
.svc_login{position:relative;width:50%;padding:70px 25%;margin:50px auto;background:#f5f5f5;}
.svc_login ul li{padding:15px 0;}
.svc_login ul li label{display:inline-block;width:150px;font-size:20px;}
.svc_login ul li input{height:50px;width:300px;padding:0 10px;border:1px solid #ddd;background:#fff}
.svc_login > a{position:absolute;left:800px;top:85px;display:block;width:135px;height:135px;line-height:135px;text-align:center;background:#383d47;color:#fff;font-size:17px;}


/*占쏙옙占쏟스뱄옙占쏙옙(qna)*/
.svc_info{display:block;width:90%;padding:20px 5%;margin:20px 0;border-radius:3px;background:#eef2f5;border:1px solid #e5e5e5}
.svc_info ul li{display:block;margin:5px 0}
.svc_info p{padding:5px 0 0 10px;color:#444}
.svc_info p input[type="checkbox"]{margin-right:5px;vertical-align:middle;}





/* 占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙 */
table#serviceCall{width:780px; border-top:2px solid #444; margin-top:10px; }
table#serviceCall th.serviceCallB{width:150px; height:35px; line-height:2em; background:#f9f9f9; text-align:center; border-bottom:1px solid #c6c6c6; }
table#serviceCall th.serviceCallB img{padding:0 4px;}
table#serviceCall th.serviceCallB2{height:35px; line-height:2em; background:#f9f9f9; text-align:center; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; }
table#serviceCall td{padding:3px 16px; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; }
table#serviceCall td select{width:135px; height:20px; color:#242424; font-size:1em; border:1px solid #c6c6c6; }
table#serviceCall td label{padding:0 4px; vertical-align:top; }
table#serviceCall td input{height:13px;}
table#serviceCall td input#urlTest{font-size:1.1em; padding:2px; height:18px; border:1px solid #c6c6c6; }
table#serviceCall td span.verLine{height:22px; }
table#serviceCall td textarea{height:100px; border:1px solid #c6c6c6; overflow:auto; margin:8px 0; }

/*占쏙옙청占쏙옙캬占쏙옙占�*/
table#serviceKind{width:780px; border-top:2px solid #444; margin-top:10px; }
table#serviceKind thead th{height:35px; padding:1px 0; background:#f9f9f9; text-align:center; border-bottom:1px solid #c6c6c6; }
table#serviceKind tbody th{height:35px; line-height:2em; background:#f9f9f9; text-align:center; border-bottom:1px solid #c6c6c6; }
table#serviceKind td{padding:4px 16px; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; }
table#serviceKind td ul{width:150px; padding:5px; }
table#serviceKind td ul li{height:1.6em;}
table#serviceKind td ul li input{vertical-align:middle; height:13px;}
table#serviceKind td p{text-align:center; line-height:1.4em; }
table#serviceKind label{padding:5px; vertical-align:middle; height:15px; }
table#serviceKind input#dbSel{vertical-align:middle; height:13px; }
table#serviceKind input#excSel{vertical-align:middle; height:13px; }

table#serviceKind tfoot tr td{padding-top:10px; color:#2d8cec; border:none; }




/* 占쏙옙占쏟스쏙옙청占쏙옙占쏙옙占쏙옙회 (2011.03.04 占쏙옙占쏙옙占쏙옙 占쌩곤옙) */
.service_request_table {width:790px; margin:16px 0px 0px 0px; padding:0px; border-top:solid #444 2px; border-bottom:solid 1px #c6c6c6;}
.service_request_table th {height:34px; text-align:center;}
.service_request_table td {height:34px; text-align:center;}
.service_request_table .c_name {text-align:left;}

.result_wrap {clear:both; display:block; position:relative; width:790px; margin:0px 0px 30px 0px; padding:0px 0px 8px 0px; border-bottom:solid 1px #c6c6c6;}
.non_h2 {margin-top:20px; padding-top:7px; border-top:solid #444 2px; }
.result_wrap h2 {width:790px; padding-bottom:7px !important; border-bottom:solid #444 2px; margin-bottom:8px; }
.result_wrap .result_type01 {display:table; position:relative; width:790px;margin:0px; padding:0px;}
.result_wrap .result_type01 dt {float:left; display:block; width:110px; margin:0px; padding:6px 0px 6px 30px}
.result_wrap .result_type01 dd {float:left; display:block; width:640px; margin:0px; padding:7px 0px 13px 0px;}
.result_wrap .result_type01 dd label {position:relative; top:-2px; margin:0px 10px 0px 3px;}
.result_wrap .result_type02 {display:table; position:relative; width:790px;margin:0px; padding:0px;}
.result_wrap .result_type02 dt {float:left; display:block; width:110px; margin:0px; padding:6px 0px 6px 30px}
.result_wrap .result_type02 dd {float:left; display:block; width:255px; margin:0px; padding:7px 0px 13px 0px;}
.btn_Rset {width:790px; text-align:right;}
/* //占쏙옙占쏟스쏙옙청占쏙옙占쏙옙占쏙옙회 */

/*占쏙옙占쏟스쏙옙청占쏙옙占시듸옙占실쇽옙*/
#rules{width:650px; color:#5c5c5c; }
#rules p.rulesTitle{font-size:1.2em; font-weight:bold; padding-top:10px; }
#rules dl dt{font-size:1em; font-weight:bold; padding:15px 0 5px 5px; }
#rules dl dd{padding:5px 0 2px 10px; }
#rules dl dd ul{padding:5px; }
#rules dl dd ul li{padding:2px 5px; }
#rules p.rulesTxt{font-size:1em; padding:15px 0 5px 5px; }

/*-----------------
	占쏙옙占쏙옙占쏙옙
-----------------*/
/*占쌉쏙옙占쏙옙 占쏙옙占�*/
.board_list{width:100%;margin:20px 0;border-top:2px solid #666}
.board_list table{width:100%}
.board_list table thead th{padding:10px;background:#eef2f5;border-bottom:1px solid #ddd;font-size:16px;}
.board_list table tbody td{padding:10px;border-bottom:1px solid #ddd;text-align:center}
.board_list table tbody td.text_left{text-align:left}
.board_list table tbody td .btn1{display:inline-block;height:28px;line-height:28px;padding:0 10px;barder-radius:5px;background:#c4cfe1;color:#fff}
.board_list table tbody td .btn1:hover{background:#8babdd}

/*customer_QNA_detail.html*/
.board_list_detail{width:100%;margin:20px 0;border-top:2px solid #666}
.board_list_detail table{width:100%}
.board_list_detail table thead th{padding:10px;background:#eef2f5;border:1px solid #ddd;font-size:16px;}
.board_list_detail table thead td{padding:10px;border:1px solid #ddd;text-align:center}
.board_list_detail table tbody th{padding:10px;background:#eef2f5;border:1px solid #ddd;font-size:16px;}
.board_list_detail table tbody td{padding:10px;border:1px solid #ddd;text-align:center}
.board_list_detail table tbody td.text_left{text-align:left}
.board_list_detail table tbody td .btn1{display:inline-block;height:28px;line-height:28px;padding:0 10px;barder-radius:5px;background:#c4cfe1;color:#fff}
.board_list_detail table tbody td .btn1:hover{background:#8babdd}

/*占쌉쏙옙占쏙옙 占쏙옙占쏙옙*/
.board_write{width:100%;margin:20px 0;border-top:2px solid #666}
.board_write table{width:100%}
.board_write table tbody th{padding:10px;background:#eef2f5;border-bottom:1px solid #ddd;font-size:16px;}
.board_write table tbody td{padding:10px;border-bottom:1px solid #ddd}
.board_write table tbody td input[type="text"]{height:28px;padding:0 5px;border:1px solid #ccc}
.board_write table tbody td input[type="password"]{height:28px;padding:0 5px;border:1px solid #ccc}
.board_write table tbody td select{height:30px;border:1px solid #ccc}
.board_write table tbody td textarea{height:60px;padding:5px;border:1px solid #ccc;resize:none}
.board_write table tbody td .btn1{display:inline-block;height:28px;line-height:28px;padding:0 10px;barder-radius:5px;background:#c4cfe1;color:#fff}
.board_write table tbody td .btn1:hover{background:#8babdd}

/*占쏙옙占쏙옙징 */	
.paging{clear:both;padding:30px 0;text-align:center;font-size:12px}
.paging span{display:inline-block;min-width:25px;height:25px;line-height:25px;color:#fff;background:#555;border:1px solid #555;vertical-align:top;font-family:Malgun gothic;font-size:12px}
.paging a{display:inline-block;min-width:25px;height:25px;line-height:25px;color:#2a2f3a;border:1px solid #ccc;font-family:Malgun gothic;font-size:12px}
.paging a:hover{background:#fff;border:1px solid #777}
.paging a.page{position:relative;vertical-align:top}
.paging a i{position:absolute;left:11px;top:9px;width:4px;height:7px;display:block;overflow:hidden;background:url("/html/img/com/paging.png") no-repeat;text-indent:-9999em;}
.paging a.pre i{background-position:-9px 0}
.paging a.next i{background-position:-22px 0}
.paging a.first i{width:8px;left:9px;background-position:0 0px}
.paging a.last i{width:8px;left:9px;background-position:-30px 0px}

/*占싯삼옙 */	
.search_area{width:100%;margin:0 auto;text-align:center}
.search_area select{height:32px;border:1px solid #ccc;vertical-align:middle}
.search_area input[type="text"]{width:200px;height:30px;padding:0 5px;border:1px solid #ccc;vertical-align:middle}
.search_area input[type="image"]{vertical-align:middle}

/*占쏙옙占쏙옙占쏙옙占쏙옙 占싻깍옙*/
.noti_tit{padding:10px;background:#f5f5f5;border-top:2px solid #666;border-bottom:1px solid #ddd;font-size:16px;}
.noti_tit h6{padding-left:20px;font-size:16px;position:relative}
.noti_tit h6:after{content:"";display:block;clear:both;width:2px;height:10px;background:#4986e5;position:absolute;left:10px;top:8px;}
.noti_transnum{padding:30px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.noti_transnum .text_box{padding:20px;margin-bottom:20px;background:#e0edf9;}
.noti_transnum h5{margin:5px;}
.noti_transnum ul{margin:5px 0 20px;}
.noti_transnum ul li{margin:5px 0;padding-left:30px;background:url("/html/img/com/bull_02.gif") 20px 9px no-repeat;}
.noti_transnum.noti2 ul li{background:none}

.noti_transnum .board_transnum{margin:15px 0 40px}
.noti_transnum .board_transnum table{width:100%;border-spacing:0; border:0; border-collapse:collapse;}
.noti_transnum .board_transnum table thead th{padding:10px;border:1px solid #ccc;background:#f3f3f3;text-align:center}
.noti_transnum .board_transnum table tbody th{padding:10px;border:1px solid #ccc;background:#f3f3f3;text-align:center}
.noti_transnum .board_transnum table tbody td{padding:10px;border:1px solid #ccc;background:#fff;line-height:18px;}
.noti_transnum .board_transnum table tbody td.tc{text-align:center;font-weight:bold}
.noti_transnum .board_transnum table tbody td > p{margin-left:0;}
.spam_news{width:760px;}
 .spam_news img{width:100%}
 .spam_news:focus img{width:150%}


/*--------------------
		占쏙옙 타
----------------------*/
/*占싱울옙占쏙옙,占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙賓占식�*/
.comm_privacy{width:80%; margin:20px auto;}
.comm_privacy dl {margin-bottom:30px;}
.comm_privacy dl dt{padding:10px 0;color:#4b96e6;}
.comm_privacy dl dd{line-height:1.4em; }
.comm_privacy ul li a{color:#2d8cec}
.comm_privacy  > div{overflow:hidden;padding:30px 100px;margin:20px 0;background:#f7f7f7; }
.comm_privacy  > div ul{float:left;width:40%;}


.rules p{margin-left:5px;line-height:18px;}
.rules h5{margin:10px 0;}
.rules  ul{padding-left:12px;}
.rules  ul li{padding:5px 0 2px 10px; line-height:18px;}
.rules  ul li ul{padding-left:5px; }
.rules  ul li span{margin-left:-15px;}

/*占싱몌옙占싹뱄옙占쌤쇽옙占쏙옙占신븝옙*/
.comm_email > div{padding-bottom:50px;}

/*占쏙옙占쏙옙트占쏙옙*/
.sitemap{width:100%;margin:20px auto}
.sitemap > ul{overflow:hidden}
.sitemap > ul > li {float:left;width:20%;margin:0 2.5%;}
.sitemap > ul > li  > a{display:block;padding:20px;background:#39434f;color:#fff;font-size:16px;text-align:center}
.sitemap > ul > li  > ul > li > a{display:block;padding:10px 20px;border-bottom:1px solid #e5e5e5;font-size:16px;color:#111;position:relative}
.sitemap > ul > li  > ul > li > a:after{content:"";display:block;width:4px;height:4px;background:#4b96e6;border-radius:50%;position:absolute;left:10px;top:20px}
.sitemap > ul > li  > ul > li > ul{border-bottom:1px solid #e5e5e5;}
.sitemap > ul > li  > ul > li > ul li a{display:block;padding:2px 20px;color:#777;font-weight:300}

/* zipCode */
.search_zip_wrap {display:block; position:relative; margin:0px; padding:0px 10px;}
.search_zip_wrap .title {display:block; position:relative; height:25px; border-bottom:solid #c9c9c9 1px; margin:0px; padding:15px 0px 0px 0px;}
.search_zip_wrap .info_text {display:block; position:relative; width:450px; margin:20px auto 0px auto; padding:0px; text-align:center;}

.search_zip_wrap .search_zip {display:block; position:relative; width:300px; height:24px; margin:0px auto 20px auto; padding:0px; line-height:0px;}
.search_zip_wrap .search_zip .input_add {float:left; display:block; position:relative; width:220px; height:14px; margin:0px 2px 0px 0px; padding:4px 2px 3px 2px; border:solid #c6c6c6 1px;}
.search_zip_wrap .search_zip .search_btn {float:left; display:block; position:relative; width:60px; margin:0px; padding:0px;}

.search_zip_wrap .print_code_wrap {clear:both; display:block; position:relative; width:437px; height:165px; margin:0px auto; padding:10px; overflow:hidden ; background:url(../images/common/zip_code_bg.gif) no-repeat left top;}
.search_zip_wrap .print_code_scroll {display:block; position:relative; width:437px; height:165px; margin:0px auto; padding:0px; overflow-y:scroll; overflow-x:hidden ;}

.search_zip_wrap .print_code_wrap .print_code {display:table; position:relative; width:410px; margin:0px; padding:0px 0px 0px 7px;}
.search_zip_wrap .print_code_wrap .print_code li {clear:both; display:table; padding:6px 0px;}
.search_zip_wrap .print_code_wrap .print_code li a {float:left; display:block; position:relative; width:350px; height:14px; margin:0px; padding:0px;}
.search_zip_wrap .print_code_wrap .print_code li span {float:right; display:block; position:relative; width:50px; height:14px; margin:0px; padding:0px;}



/*占싱울옙占쏙옙*/
.agree_comp{width:96%;padding-left:2%; color:#555; font-family:Dotum;font-size:12px; }
.agree_comp h5{font-size:16px;  padding-top:15px;}
.agree_comp h6{font-size:14px; padding:15px 0 2px 5px; }
.agree_comp p{margin-left:5px;line-height:18px;}
.agree_comp ul{padding-left:12px;}
.agree_comp ul li{font-size:12px;padding:5px 0 2px 10px; line-height:18px;}
.agree_comp ul li ul{padding-left:5px; }
.agree_comp ul li span{margin-left:-15px;}

/*占쏙옙占쌉곤옙占쏙옙占쏙옙책*/
.agree_spam{width:96%;padding-left:2%; color:#555; font-family:Dotum;font-size:12px; }
.agree_spam h5{font-size:16px; padding:15px 0 0;}
.agree_spam h6{font-size:14px; padding:15px 0 2px 5px; }
.agree_spam p{margin:5px 0 0 5px;line-height:18px;}
.agree_spam ul{padding-left:12px;}
.agree_spam ul li{font-size:12px;padding:5px 0 2px 10px; line-height:18px;}
.agree_spam ul li ul{padding-left:5px; }
.agree_spam ul li span{margin-left:-15px;}
.agree_spam ul li em{margin-left:-10px;}
.agree_spam div{display:block;margin:5px 0;padding:10px;background:#f9f9f9; font-family:Dotum;font-size:12px; }
.agree_spam dl{margin:5px 0 0 12px;}
.agree_spam dl dt{margin-top:7px;}
.agree_spam dl dd ul{margin:0;}
.agree_spam .img_box{padding:0;margin:20px 0;background:#fff}
.agree_spam .img_box > ul:after{content:"";display:block;clear:both}
.agree_spam .img_box > ul li{float:left;display:block;width:305px;}
.agree_spam .img_box > ul li img{width:100%}
.agree_spam .img_box > ul li span{display:block;margin-top:15px;text-align:center;font-weight:bold}