@charset "utf-8";
@import "default_normal.css";
@import "layout.css?ver1.11";
@import "table.css?ver=0.12";
/* ------------------------------------------------------------
 * Name      : service.css
 * Created   : 2014-06-02 by Ahn, Cheol hyeong
 * Email  : victoryan@hanmail.net
 ------------------------------------------------------------ */

/* Input Style */
.inp_sty3{width:139px;background:url(../images/common/input_bg.gif) no-repeat 0 0;height:30px;border:0;line-height:30px;padding-left:10px;border-right:1px solid #ccc;font-size:12px;color:#555}
.inp_com{background:url(../images/common/input_bg.gif) no-repeat 0 0;height:30px;border:0;line-height:30px;padding-left:10px;border-right:1px solid #ccc;font-size:12px;color:#555;text-align:left}
.inp_sty4{width:880px;background:url(../images/common/input_bg.gif) no-repeat 0 0;height:30px;border:0;line-height:30px;padding-left:10px;border-right:1px solid #ccc;font-size:12px;color:#555;text-align:left}
.inp_sty5{width:270px}
.inp_sty6{width:180px}
.inp_sty8{width:160px}
.inp_sty7{width:130px}

/* Selects - 2014-06-30 수정 */
.sec_search{clear:both;margin:20px 0;height:30px;width:405px;float:right}
.sec_search label{display:block;cursor:text;float:left;font-size:13px;height:30px;line-height:30px;padding-left:7px;background:url(../images/common/bl.gif) no-repeat 0 14px;width:59px}
.sec_search label strong{color:#000}
.sec_search .inputDesign{float:left;margin-right:5px;width:95px;padding:6px 5px 5px 7px;height:17px;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.sec_search .inputDesign .in_select{width:93px;height:100%;position:relative;overflow:hidden}
.sec_search .inputDesign select{width:95px;border:0;position:absolute;left:-2px;top:0;color:#555;font-size:12px}
.sec_search .jqTransformSelectWrapper{width:79px !important}
.sec_search .jqTransformSelectWrapper ul{width:107px !important;height:auto !important}
.sec_search .keyword{display:block;float:left;margin-right:5px;position:relative}
.sec_search .keyword .btn_clear{position:absolute;right:10px;top:9px;display:block;width:11px;height:11px;text-indent:-9999px;overflow:hidden;background:url(../images/common/btn_clear.gif) no-repeat 0 0}
.sec_search .keyword input[type=text]{float:left}
.sec_search .btn{float:left;width:70px;height:30px;background:url(../images/common/sp_btn.gif) no-repeat 0 0;line-height:999px;overflow:hidden}

.sec_cont{clear:both}
.sec_cont.view{margin-top:20px}
.view .list_some{border-top-width:1px;margin-top:10px}

.mb40{margin-bottom:40px}
/* 소개 */
.api_intro{width:781px;border:1px solid #d9d9d9;height:207px;background:#fff url(../images/manual/api/api.gif) no-repeat 30px 67px;padding:30px 0 0 237px;margin-bottom:40px}
.api_intro dl{width:750px}
.api_intro dt{color:#0066b3;font-size:25px;line-height:25px;margin-bottom:20px}
.api_intro dd{font-size:12px;color:#555}
.api_intro dd > p > strong{font-size:15px;font-weight:bold;color:#0065b3}
.api_intro .txt1{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d9d9d9;font-weight:bold;font-size:13px;line-height:13px}
.api_intro .txt2{margin-bottom:15px;height:13px}
.api_intro .txt3{line-height:17px;vertical-align:top}
.api .list_sty03 th{background:#f6f6f6 url(../images/common/part.gif) no-repeat 100% 15px !important}
.api .list_sty03 th.nm,
.api .list_sty03 th.way{border-bottom:1px solid #d9d9d9}
.api .list_sty03 th.desc{background-image:none !important}
.api .txt_chk{font-size:12px;color:#555;margin:15px 0 40px}
.api .txt_chk li{background:url(../images/common/bl.gif) no-repeat 0 6px;padding-left:8px;line-height:12px;vertical-align:top;margin-bottom:5px}
.api .data{overflow:hidden;width:1018px;border:1px solid #d9d9d9;height:192px}
.api .data .fl{float:left;width:211px;height:162px;border-right:1px solid #d9d9d9;padding-top:30px}
.api .data .fl > span{display:block;padding-left:52px;background:url(../images/manual/common/bl.gif) no-repeat 30px 0;color:#555;font-size:12px;line-height:15px;height:15px;margin-bottom:13px}
.api .data .fr{float:right;width:806px;height:192px;background:#f6f6f6 url(../images/manual/api/http.gif) no-repeat 29px 27px}

/* 개발가이드 */
.dev_guide{margin-top:20px}
.dev_guide .point{font-size:12px;color:#555;line-height:16px;margin-bottom:40px;height:30px}
.desc_img{margin-bottom:20px}
.desc_txt1{margin-bottom:15px;font-size:12px;color:#555}
.desc_txt2{margin-bottom:40px;font-size:12px;color:#555}
.desc_code{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.desc_code dt, .desc_code dd{padding-left:20px}
.desc_code dt{background:#f6f6f6;border-top:1px solid #d9d9d9;font-weight:bold;height:41px;line-height:41px;font-size:15px}
.desc_code dd{border-top:1px solid #d9d9d9;padding-top:15px;padding-bottom:15px;font-size:12px}
.good_func,
.bad_func{border:1px solid #d9d9d9;margin-bottom:40px;padding:10px 50px}
.good_func li{border-bottom:1px solid #d9d9d9;padding:20px 0}
.good_func li.no4{border-bottom:0}
.good_func li{font-size:15px;color:#0066b3;padding-left:130px;background-position:0 20px;background-repeat:no-repeat;height:81px}
.good_func li span{display:block;padding-top:20px}
.good_func li strong{height:16px;line-height:15px;padding-left:35px;background-position:0 0;background-repeat:no-repeat}
.good_func .no1{background-image:url(../images/manual/dev_guide/good_img1.gif)}
.good_func .no2{background-image:url(../images/manual/dev_guide/good_img2.gif)}
.good_func .no3{background-image:url(../images/manual/dev_guide/good_img3.gif)}
.good_func .no4{background-image:url(../images/manual/dev_guide/good_img4.gif)}
.good_func .no1 strong{background-image:url(../images/manual/dev_guide/no1.gif)}
.good_func .no2 strong{background-image:url(../images/manual/dev_guide/no2.gif)}
.good_func .no3 strong{background-image:url(../images/manual/dev_guide/no3.gif)}
.good_func .no4 strong{background-image:url(../images/manual/dev_guide/no4.gif)}
.good_func li > p{font-size:12px;color:#555;line-height:12px;margin-top:15px}
.bad_func{font-size:15px;color:#0066b3;padding:20px 0;padding-left:180px;background:url(../images/manual/dev_guide/bad_img.gif) 50px 50% no-repeat;height:81px}
.bad_func dt{padding-top:8px}
.bad_func dt strong{height:16px;line-height:15px;font-weight:bold}
.bad_func dd{font-size:12px;color:#555;line-height:18px;margin-top:15px}



/* 매뉴얼 */
.manual .txt_left{padding-left:30px}
.request_url{padding-left:34px;height:29px;background:url(../images/manual/common/ico_monitor.gif) no-repeat 0 0;line-height:29px;margin:20px 0 40px}
.request_url strong{font-weight:bold;color:#000;padding-right:10px;font-size:15px}
.request_url a{color:#555;font-size:12px}

/* 테스트 */
.test_chk .box{border:1px solid #d9d9d9;padding:40px 9px;height:30px;line-height:30px}
.test_chk .box.arrival{border:1px solid #d9d9d9;padding:40px 9px;height:80px;line-height:30px}
.line1{float:left;width:100%;height:60%}
.test_chk .box.arrival .fir label,
.test_chk .box.arrival .thr label{width:53px}
.test_chk .box.arrival .sec label,
.test_chk .box.arrival .fou label{width:86px}
.test_chk .box.transfer{border:1px solid #d9d9d9;padding:40px 9px;height:80px;line-height:30px}
.test_chk .box.transfer .fir label,
.test_chk .box.transfer .thr label{width:95px}
.test_chk .box.transfer .sec label,
.test_chk .box.transfer .fou label{width:95px}
.test_chk .box.transfer_detail{border:1px solid #d9d9d9;padding:30px 9px;height:140px;line-height:30px}
.test_chk .box.transfer_detail .line1{float:left;width:100%;height:25%}
.test_chk .box.transfer_detail .line2{float:left;width:100%;height:25%}
.test_chk .box.transfer_detail .line3{float:left;width:100%;height:25%}
.test_chk .box.transfer_detail .line4{float:left;width:100%;height:25%}
.test_chk .box.transfer_detail .line4 span{float:left; margin-top:15px}
.test_chk .box.transfer_detail .line4 .navy1{margin-right:5px;  margin-left:13px}
.test_chk .box.transfer_detail .fir label,
.test_chk .box.transfer_detail .sec label,
.test_chk .box.transfer_detail .fif label{width:120px}
.test_chk .box.transfer_detail .thr label,
.test_chk .box.transfer_detail .six label{width:155px}
.test_chk .box.transfer_detail .fou label,
.test_chk .box.transfer_detail .sev label{width:155px}
.test_chk .box.viaArea{border:1px solid #d9d9d9;padding:30px 9px;height:70px;line-height:30px}
.test_chk .box.viaArea .fir label,
.test_chk .box.viaArea .thr label{width:130px}
.test_chk .box.trafficSection{border:1px solid #d9d9d9;padding:30px 9px;height:70px;line-height:30px}
.test_chk .box.trafficSection .fir label,
.test_chk .box.trafficSection .thr label{width:110px}
.test_chk .box.trafficSection .sec label,
.test_chk .box.trafficSection .fou label{width:110px}

.test_chk .box label{float:left;color:#555;font-weight:bold;font-size:15px;margin-right:10px;margin-left:10px}
.test_chk .box input[type=text]{float:left;margin-right:10px}
.test_chk .box .buttons{overflow:hidden;float:left;width:250px}
.test_chk .box .buttons  span{float:left}
.test_chk .box .buttons .navy1{margin-right:5px;  margin-left:13px}
.test_chk .request_url{margin-bottom:10px}
.test_chk .box .key{width:100%;height:30px}
.ifr_code{border:1px solid #d9d9d9;margin-top:40px;padding:19px;font-size:12px;color:#555}



/* 공개키 발급 */
.open_key{color:#0066b3;padding:30px 0;padding-left:180px;background:url(../images/manual/open_key/key_img.gif) 50px 50% no-repeat;height:81px;border:1px solid #d9d9d9;position:relative}
.open_key dt{padding-top:13px}
.open_key dt strong{font-size:25px;height:25px;line-height:25px;font-weight:bold}
.open_key dd{font-size:13px;color:#555;line-height:13px;margin-top:15px;font-weight:bold}
.open_key a{display:block;width:240px;height:30px;padding-left:44px;background:url(../images/manual/open_key/key_btn.gif) no-repeat 0 0;position:absolute;right:51px;top:57px;color:#fff;font-size:13px;line-height:30px}

/* 게시판 */
.write_form th{background:none;border-right:1px solid #d9d9d9;text-align:left;padding-left:20px}
.write_form tbody th > em{color:#d11434}
.write_form .point{height:12px;line-height:12px;margin-bottom:10px}
.write_form .point strong{font-size:12px;color:#d01435;font-weight:normal}
.write_form .bg_gray th{border-right:0;text-align:center;padding-left:0}
.write_form .txt_area{
	width:870px;height:230px;
	border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;
	background:#fff;
	padding:10px;
	overflow:hidden;;overflow-y:scroll;
	color:#555;
	line-height:20px
}
.list_some th > span{padding-left:15px;background-position:0 50%;background-repeat:no-repeat}
.list_some .prev_view th > span{background-image:url(../images/member/up_arrow2.gif)}
.list_some .next_view th > span{background-image:url(../images/member/down_arrow2.gif)}

/* pop Pwd */
.pop_pwd{width:420px;height:165px;position:relative}
.pop_pwd h1{width:400px;height:39px;background-color:#1271b8;padding-left:20px;font-size:15px;font-weight:bold;color:#fff;line-height:39px}
.pop_pwd .bx_form{padding:29px 0 0 21px}
.pop_pwd .bx_form label{display:block;float:left;width:77px;font-size:15px;height:30px;line-height:30px;font-weight:bold;color:#555}
.pop_pwd .bx_form .inp_sty1{width:290px;background:url(../images/common/input_bg.gif) no-repeat 0 0;height:30px;border:0;line-height:30px;padding-left:10px;border-right:1px solid #ccc;font-size:12px;color:#555;margin-right:10px}
.pop_pwd button{position:absolute;left:0;top:114px;width:70px;height:30px;background:url(../images/member/btn_bg3.gif) no-repeat 0 0;color:#fff;text-align:center}
.pop_pwd .btn_chk{left:137px}
.pop_pwd .btn_cancel{left:212px}

/* main popup */
.main_pop{position:relative}
.main_pop .mp_title{font-weight:bold;}
.main_pop .mp_ck label{font-size:13px;}

/* QNA reply */
.list_sty04 tbody td.reply{padding:0;}
.reply .reply_tit{text-align:left;height:40px;line-height:40px;padding-left:50px;font-size:13px;font-weight:bold;color:#000;background:url('../images/service/ico_reply.gif') no-repeat 30px center;border-bottom:1px solid #d9d9d9}
.reply .reply_con{text-align:left;background:#fff;padding:40px 20px}