@charset "utf-8"; 
/* CSS Document */
@import url("common.css");

.iframe{background-color:#fff;}



/* contents */

.sub .lotation{ float:right; margin-top:20px;}
.sub .lotation li{ float:left; background:url(../images/sub/navi_icon.gif) no-repeat right center; padding-right:15px; margin-right:10px; display:inline-block;}
.sub .lotation li a{ font-size:16px; color:#000;}
.sub .lotation li.home a{ background:url(../images/sub/home_icon.gif) no-repeat left top; padding-left:25px;}
.sub .lotation li.here{padding-right:0; margin-right:0;}
.sub .lotation li.here a{ color:#153e73; font-weight:600;}
.lotation:after{clear:both; display:block; content:"";}

/*서브콘텐츠*/
.contents_warp{position:relative; padding:0 0 0 264px;}
.leftarea{width:245px; height:100%; float:left; background-color:#fff; padding:40px 20px 20px 20px; position:absolute; top:0; left:0; border-top:2px solid #48478d; box-sizing:border-box; border-bottom:1px solid #48478d;}
.leftarea:after{clear:both; display:block; content:"";}
.leftarea h2{font-size:34px; font-weight:600; color:#48478d;}
.rightcont{width:100%; height:100%; padding:0 30px; background-color:#fff; border-top:2px solid #48478d ; padding:40px 30px 80px 30px; border-bottom:1px solid #48478d;}
.rightcont h3{display:inline-block; font-size:34px; font-weight:600; color:#48478d; margin-bottom:30px;}
.leftarea .leftmenu{margin-top:30px;}
.leftarea .leftmenu > ul > li > a{ width:100%; height:48px; line-height:48px; display:inline-block; color:#222; font-size:17px; font-weight:300; padding-left:20px;  }
.leftarea .leftmenu > ul > li > a:hover, .leftarea .leftmenu > ul > li.on > a{ background:url(../images/sub/lnb_arr.gif) no-repeat 167px center #48478d ; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px;  color:#fff; font-weight:600;}
.leftarea .leftmenu > ul > li ul{display:none;margin:10px; border-bottom:1px solid #cbcbcb;}
.leftarea .leftmenu > ul > li.on ul{display:block;}
.leftarea .leftmenu > ul > li ul li{line-height:20px; margin-bottom:8px; background:url("../images/sub/bullet.gif") no-repeat left 9px; padding-left:10px;}
.leftarea .leftmenu > ul > li ul li a{font-size:15px; color:#555; font-weight:normal;}
.leftarea .leftmenu > ul > li ul li a:hover, .leftarea .leftmenu > ul > li ul li.on a{color:#000; font-weight:600;}
.rightcont:after{clear:both; display:block; content:"";}

/* input관련 */
.iframe input[type="text"], .iframe input[type="radio"], .iframe input[type="checkbox"], .iframe select{vertical-align:middle;}
/* input[type="text""] */
.iframe input[type="text"]{float:left; height:28px; padding:6px 10px;  border:1px solid #c7c7c7;}
.iframe input[type="text"].admin{ height:30px; line-height:30px; }
/* input[type="text""] */
input[type="text"].admin{ height:30px; line-height:30px; }
input[type="text"].txt_50{width:30px;}
input[type="text"].txt_60{width:40px;}
input[type="text"].txt_70{width:50px;}
input[type="text"].txt_90{width:70px;}
input[type="text"].txt_100{width:80px;}
input[type="text"].txt_120{width:120px;}
input[type="text"].txt_150{width:130px;}
input[type="text"].txt_160{width:140px;}
input[type="text"].txt_180{width:160px;}
input[type="text"].txt_200{width:180px;}
input[type="text"].txt_300{width:280px;}
input[type="text"].txt_400{width:380px;}
input[type="text"].txt_500{width:480px;}
input[type="text"].txt_600{width:580px;}
input[type="text"].txt_100per{width:100%;}
input[type="password"].txt_300{width:280px;}
input[type="password"].txt_100per{width:100%;}

/* selectbox */
div.sel_60{width:60px;}
div.sel_80{width:80px;}
div.sel_100{width:100px;}
div.sel_110{width:110px;}
div.sel_200{width:200px;}
div.sel_60 .txt{width:38px;}
div.sel_80 .txt{width:58px;}
div.sel_100 .txt{width:78px;}
div.sel_110 .txt{width:88px;}
div.sel_200 .txt{width:178px;}

/* inputbox */
.inputbox{float:left; display:inline-block; position:relative; height:28px; line-height:26px; font-size:13px; font-weight:100; background:#fff; border:1px solid #c7c7c7; vertical-align:middle; margin-right:4px; padding:0 10px;}
.inputbox .txt{width:100%; height:100%; line-height:26px; font-size:13px; font-weight:100; color:#787878; background:url(../images/sub/select_arr.gif) no-repeat right center; padding:0 !important;}
.inputbox select{position: absolute; width:100%; left:-1px; top:-1px; cursor:pointer; padding-left:10px; opacity:0; filter:alpha(opacity=0); font-size:13px; font-weight:100; color:#787878;}

/* tsearchArea */
.tsearchArea{ width:300px; height:34px; line-height:34px;  float:right; display:inline-block; border-radius:80px; -moz-border-radius:80px; -webkit-border-radius:80px; border:2px solid #ced8e5;  margin-bottom:20px;}
.tsearchArea .inputbox{ width:38%; border:none; margin:2px 0 0 10px;}
.tsearchArea .inputbox select{ width:100%;}
.tsearchArea .txt_180{float:right;width:40%; margin:2px; height:34px; line-height:34px; border:none !important;}


.btn_search{margin-left:-1px;}
.all_board{margin-top:10px; display:inline-block;}
.all_board p{display:inline-block; float:left; font-size:15px !important; font-weight:300; color:#333333; height:30px; line-height:30px; }
.all_board span{color:#f16051; font-weight:500; margin:0 2px;  font-size:15px;  font-weight:300; }

/* table */
.board table{font-size:13px; color:#555; font-weight:300; margin:10px 0;}
.board table.list{position:relative; width:100%; border-top:1px solid #cbcbcb; border-bottom:1px solid #e6e6e6;}
.board table.list td{height:48px; line-height:48px; padding:0 15px; background-color:#fff; font-size:14px;}
.board table.list .td_line{border-bottom:1px solid #e6e6e6;}
.board table.list td p{line-height:24px;}
.board table.list th{height:48px; line-height:48px;background:#fafafa; border-bottom:1px solid #e6e6e6;padding:0; font-size:16px; color:#555555;}
.board table.list tr.notice td,
.board table.list tr.notice td span{color:#000; font-weight:400;}
.board table.list th.first .table_title{border:none;}
.board table.list th span.table_title{display:inline-block; width:100%; height:14px; line-height:14px; font-size:14px; font-weight:400; color:#333;}
.board table.list td span.title{float:left; display:inline-block; max-width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board table.list td span.title img{vertical-align:middle; margin-right:5px;}
.board table.list td ul{padding:10px 0;}
.board table.list td ul li {height:24px; line-height:24px; }
.board table tr.notice td{font-size:14px; font-weight:300; color:#000;}
.board table td input[type="checkbox"],
.board table td input[type="radio"]{margin:0 5px 0 10px;}
.board table td input[type="checkbox"].first,
.board table td input[type="radio"].first{margin:0 5px 0 0;}
span.table_title{font-weight:600 !important; color:#000;}

/* tcontrol */
.tcontrol{position:relative; text-align:center; margin-top:10px; }
/* paging */
.paging {margin:20px 0 0 0 ;}
.paging a{display:inline-block; height:30px; line-height:30px; font-size:16px; font-weight:300; color:#555; margin:0 8px; }
.paging a.on{color:#ee3124; font-weight:400;}
.paging a.no_bg{margin:0 1px !important; }
.paging a.first{background:none;}
.paging a:hover{color:#2055cd; font-weight:400; }

/*write*/
textarea{width:100%; height:100px; margin:10px 0; padding:10px;}
table td span.fieldset{margin-top:10px ;}
table td div.filelist{position:relative; min-height:75px; height:75px; overflow-y:scroll;overflow-x:hidden;  border:1px solid #b9bdc5;margin:10px 0; padding:10px 0 0 20px; }
table td div.filelist p{color:#9b9b9b; height:20px; line-height:20px;}
fieldset{position:relative;}
.btn_search{position:absolute; top:5px; right:8px; z-index:99; }

table td div.filelist select{width:130%;height:150px; border:0 none; line-height:30px; padding:0 0 0 0; }
input[type="file"]{float:left; width:450px; height:30px; line-height:26px; padding:2px 0 0 5px; margin:6px 10px 5px 0; border:1px solid #b9bdc5;}

/*view*/
.view_title .table_title{ font-size:20px !important; font-weight:500 !important;padding-top:20px; margin-left:20px; width:90%; }
.view_title .info{ font-size:16px; color:#787878 !important; font-weight:200 !important;  margin-left:20px;}
.view_title .info .user{margin-left:10px; display:inline-block; }
.view_title .view{float:right; padding-right:20px;  font-size:16px; color:#f16051 !important; font-weight:500 !important; background:url(../images/sub/view_icon.png) no-repeat left center;  padding-left:80px; letter-spacing:1px !important; }
.view_con{padding:20px; }

/* replyArea */
.replyArea{width:100%; height:auto; background:#fafafa; padding:15px 5px; margin:15px 0 10px 0; box-sizing:border-box; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.replyArea .title{font-size:14px;  color:#555; padding-left:10px; margin-bottom:15px;}
.replyArea .title em{color:#f03d3e; font-family:NSB;}


/* reply_input */
.reply_input{margin-top:15px;}

/* fieldset */
.replyArea dl{position:relative;}
.replyArea fieldset div{height:60px; margin-right:94px; }
.replyArea fieldset div textarea{width:100%; padding:10px; box-sizing:border-box; height:60px; resize:none; overflow-y:auto; line-height:20px; border:1px solid #e1e1e1;}
.replyArea fieldset a{position:absolute; top:0; right:0; display:inline-block; width:90px; height:60px; line-height:60px; font-size:14px;  color:#666; text-align:center;}

/* reply_list */
.replyArea .reply_list{border-top:1px solid #dfdfdf; padding:15px 10px;}
.replyArea .reply_list:after{clear:both; display:block; content:"";}
.replyArea .reply_list dl dt.name{height:14px; line-height:14px; font-size:14px;  color:#000; margin-bottom:10px;}
.replyArea .reply_list dl dt.name span{font-size:12px; font-family:NSL; color:#999; margin-left:5px;}
.replyArea .reply_list dl dd{position:relative; height:28px; line-height:28px; padding-right:100px; box-sizing:border-box;}
.replyArea .reply_list dl dd input[type-text]{width:100%; float:left; display:inline-block; box-sizing:border-box;}
.replyArea .reply_list dl dd a.btn_white{position:absolute; top:0;right:0; height:28px; line-height:28px;}
.replyArea .reply_list dl dt.text{position:relative; font-size:14px;  color:#666; line-height:18px; }
.replyArea .reply_list dl dd.btn{position:absolute; top:0; right:0; padding:0;}
.replyArea .reply_list dl dd.btn a{display:inline-block; height:10px; line-height:10px; font-size:12px;  color:#666; border-left:1px solid #999; padding:0 4px;}
.replyArea .reply_list dl dd.btn a.first{border:none;}
.replyArea .reply_first{border:none; padding-top:0 !important;}

.board table.list td span.title{max-width:85% !important;}
.board table.list td em.reply{color:red; margin-left:5px;}

.btnArea .R a{margin-left:4px;}
.btnArea .L a{margin-right:4px;}

.btn_blue{display:inline-block; height:32px; line-height:32px; background:#014099; padding:0 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn_blue span{font-size:15px; color:#fff;}
.btn_orange{display:inline-block; height:32px; line-height:32px; background:#ff7200; padding:0 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn_orange span{font-size:15px; color:#fff;}
.btn_black{display:inline-block; height:32px; line-height:32px; background:#2e3133; padding:0 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn_black span{font-size:15px; color:#fff;}
.btn_white{display:inline-block; height:32px; line-height:32px; background:url(../images/sub/btn_white.gif) repeat-x left center; border:1px solid #bfbfbf; box-sizing:border-box; padding:0 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.btn_white span{font-size:15px; color:#555;}

/*errprpage*/
#error_page{position:relative; text-align:center; width:100%; padding-top:200px;  letter-spacing:-1px; }
#error_page h2{color:#333; font-size:50px; font-weight:500; background:url(../images/sub/error_img.png) no-repeat top center; padding-top:150px;}
#error_page h2 span{color:#f06150; font-weight:500;}
#error_page p{color:#555; height:24px; line-height:24px;  font-size:16px; margin-top:10px; }

/* mypage certi */
.mypage .step{height:auto; line-height:100px; padding:0 10px; margin:20px 0 40px;} 
.mypage .step:after{display:block; clear: both; content:"";}
.mypage .step ul li{float:left; position:relative; width:calc(50% - 10px); line-height:28px; padding:0 10px; margin-right: 20px; border:2px solid #48478d; box-sizing:border-box;}
.mypage .step ul li:last-child {margin-right:0;}
.mypage .step ul li a{position:relative; display:inline-block; height:100px; background:#fff; width:100%; box-sizing:border-box;}
.mypage .step ul li dl{margin:15px 20px;}
.mypage .step ul li dt.title{font-size:24px; font-family:NSB; color:#48478d; font-weight:600; margin-bottom:5px;}
.mypage .step ul li dt.txt{font-size:14px; font-family:NS; line-height:18px;}
.mypage .step ul li dd{position:absolute; top:10px; right:10px;}


p.alarm{ background:#f7f7f7; padding:10px 15px; text-align:center;}
ul.alarm{}
ul.alarm li{line-height:28px; font-size:14px;}
ul.alarm li a{margin-left:10px; font-size:14px; color:#f16051; font-family:NSB;}

table td > p > span{/* float:left; margin:0 10px 0 5px; */}

/* 20190222 _ 박지예 추가 */
.certi{background:url("../images/sub/icon_certi.png") no-repeat top center; padding-top:120px; text-align:center; margin-bottom:20px;}
.certi p{color:#555; height:24px; line-height:24px;  font-size:16px; margin-top:10px;}
.certi p em{color:#f06150; font-weight:500;}

/*sub_mypage input*/
input[type="text"], input[type="password"]{ height: 28px; line-height: 16px; padding: 6px 10px; border: 1px solid #c7c7c7; } 

@media all and (max-width:649px) { 
	.mypage .step{display:none;}
}




.all_board:after{display: block; clear: both; content:'';}
.otp .txt_wrap{border-bottom:1px solid #ddd; padding:0 0 20px 0; margin-bottom:30px;}
.otp .txt_wrap:after{display:block; content:''; clear: both;}
.otp .txt_wrap > div{display:inline-block;}
.otp .txt_wrap p{font-size:14px; line-height:20px; margin-bottom:8px;}
.otp .txt_wrap ul li{font-size:14px; line-height:20px; margin-bottom:8px;}
.otp .txt_wrap ul li em{color: #ff7200; font-weight: bold;}
.otp .qrcode{border:2px solid #bde1f0; padding:10px; height:120px; margin-right:20px;}
.otp .qrcode img{height:100%;}
.otp .btn_black{ padding:0  0 0 10px; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:24px; line-height:24px; background-color:#8b8b8b; font-weight:400; color:#fff; font-size:13px; margin-left:5px;}
.otp .btn_black span{ padding:0  10px 0 0; border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:24px !important; line-height:24px; background-color:#8b8b8b; font-weight:400; color:#fff; font-size:13px;}


input[type="text"].calendar {
	background: url(../images/sub/icon_calendar.svg) right 10px center no-repeat;
}