@charset "utf-8";
/* CSS Document */


/**********************
Publishing : Lee Bit-na
Beginning : 2016-01-11
Final : 
***********************/

legend {display: none !important}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
/*
.glyphicon {
    position: relative;
    top: 1px;
    line-height: 35px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
.form-group {
    margin-bottom: 15px;
}

.form-control {
    display: block;
    height: 30px;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:1px solid #ddd;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (min-width: 992px)
.col-md-2 {
    width: 16.66666667%;
}

@media (min-width: 768px)
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}
@media (min-width: 992px)
.col-md-2 {
    width: 16.66666667%;
}
@media (min-width: 992px)
.col-md-3 {
    width: 25%;
}
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-5 {
    width: 41.66666667%;
}
@media (min-width: 992px)
.col-md-9 {
    width: 75%;
}
@media (min-width: 992px)
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.auto {
    display: inline-block;
    width: auto;
}
.pull-left {
    float: left!important;
}
.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.5;
}
group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}



/* IR center */
.tbl_style table {width:100%;}
.tbl_style .table>thead>tr>th  {padding:15px; border-top:2px solid #213263 !important; border-bottom:1px solid #eee !important; text-align:center; font-size: 14px; color: #444} 
.tbl_style .table>thead>tr>th a {color: #444}
.tbl_style table td {padding:15px 10px !important; border-bottom:1px solid #f8f8f8 }
.tbl_style table td.call {text-align:center;}
.tbl_style table td.date {text-align: center;}
.tbl_style table td.click {text-align: center;}
.tbl_style table th.num, .tbl_style table td.num {text-align: center;}
.tbl_style table td.item {background:url(../images/btn/bbs_small_dwon.png) no-repeat right center;}
.tbl_style table td.item img {height:23px; margin:0 3px}
.tbl_style table td a {}
.tbl_style table td a:hover {text-decoration:underline}
.tbl_style table td.text-center {text-align: center}


.s_view_header span.bor {position: relative; display: inline-block; padding-left: 10px; margin-left: 9px}
.s_view_header span.bor:after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 7px;
}

.form-group .board_style .form-control {height: 40px; margin-top:5px;}
.board_style .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding:5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,.0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.board_style .input-sm, .board_style .form-horizontal .form-group-sm .form-control {
    height: 40px !important;
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 1.5;
    border-radius:0;
}
.board_style {}
.board_style legend {border: 0; margin: 0}
.board_style #fwrite {background-color: #fff;}
.board_style .form-horizontal .control-label {text-align: center; padding: 0 15px; color: #444; font-size: 13px; width: 20%; height: 50px; line-height: 50px; background-color: #f5f5f5; float: left; margin: 0}
.board_style .form-horizontal .form-group {margin: 0; margin: 0 0 -1px; border: 1px solid #ddd;}
.board_style .form-horizontal .form-group .col-md-9 {padding: 5px 10px; height: 50px; line-height: 50px; width: 80%; float: left}
.board_style #tx_trex_container {margin-top: 20px}
.form-control#wr_subject {border-radius: 0px;}

.board_style .search_txt {width:130px !important; height: 37px; float: left; line-height: 19px; margin-right: 10px; background:#fff url(../images/common/bbs_s_arrow_bk.gif) no-repeat 110px center;}
.board_style .search_btn {float: left}
.lead.no_txt {font-size: 14px; padding: 70px 0 70px; text-align: center;  border-bottom: 1px solid #ddd;}
.board_style .text-muted {color: #ccc;}
.board_style .text-muted strong {font-family: 'Oxygen', sans-serif; font-weight: 300}

.board_style .page-header {margin: 0; border-bottom: 1px solid #ddd; padding: 0}
.board_style .table>thead>tr>td a, .board_style .table>tbody>tr>td a, .board_style .table>tfoot>tr>td a {font-weight: normal}
.board_style .table>thead>tr>td a strong, .board_style .table>tbody>tr>td a strong, .board_style .table>tfoot>tr>td a strong {font-weight: normal}
.board_style .table>thead>tr>td.success, .board_style .table>tbody>tr>td.success, .board_style .table>tfoot>tr>td.success, .board_style .table>thead>tr>th.success, .board_style .table>tbody>tr>th.success, .board_style .table>tfoot>tr>th.success, .board_style .table>thead>tr.success>td, .board_style .table>tbody>tr.success>td, .board_style .table>tfoot>tr.success>td, .board_style .table>thead>tr.success>th, .board_style .table>tbody>tr.success>th, .board_style .table>tfoot>tr.success>th {background-color: #fcf8f8}

.board_style .panel-info>.panel-heading {
	background: none; 
	border-radius:0;
	border-top: 2px solid #444;
    display: block;
    padding: 15px 15px 13px;
    border-bottom: 0;
    color: #444;}
.board_style .panel-info>.panel-heading:after {display: block; clear: both; content: ""}
.board_style .panel {border-radius:0; border:0; margin: 0; background:#fff; box-shadow:none}
.board_style .panel-title {color: #444}
.board_style .panel-title small {float: right}
.board_style .panel-body {padding: 15px 30px; font-size: 12px;}
.board_style #write_content {padding: 30px; background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;  min-height: 200px; line-height: 1.6em}
.board_style #write_content img {width: 100%}
.board_style #fwrite .wright_btn_wrap .btn {background-color: #999; border: 0; color: #fff}
.s_view_header {padding: 15px 0; margin-bottom: 40px; text-align: center}
.board_style .btn {
	display: inline-block;
    padding:10px 25px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius:0;
    border: 0;
    text-shadow:none;
    box-shadow:none;
    background: #fff;
    color: #111;
    border: 1px solid #111;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
}
.board_style .btn-primary span {}
.board_style .text-danger {color: #FFDF00}
.board_style .clearfix {padding:50px 0 30px}
.board_style .clearfix .pull-right {text-align: right}
.board_style hr {display: none}
.board_style .btn-group>.btn:first-child {}
.board_style .btn-group .btn {}
.board_style .btn-group .btn+.btn, .board_style .btn-group .btn+.btn-group, .board_style .btn-group .btn-group+.btn, .board_style .btn-group .btn-group+.btn-group {margin-left: 5px}

.wright_btn_wrap {padding-top: 30px}
.board_style #fwrite .in_tbl_btn {top: -7px;}
.board_style #fwrite .in_tbl_btn .btn {background: none; padding: 0 10px 0 0; border: 0; box-shadow:none; height: auto; color:#000}
.board_style #fwrite .in_tbl_btn .btn .glyphicon {width:12px}
.board_style .btn-info:hover, .board_style .btn-warning:hover, .board_style .btn-warning:hover {background-color: #999;}
.board_style .btn-primary:hover {background-color: #333}
.board_style .btn-primary {background-color: #111; color: #fff; margin-left: 5px;}


.board_style .list_header {padding: 0 0 10px;}
.board_style .list_header:after {display: block; clear: both; content: ""}
.board_style .list_header h2 {
    font-size: 30px;
    float: left;
    font-weight: 700;
    color: #213263;
    margin-right: 20px;
}
.board_style .list_header span {float: left}

.board_style .pager li>a, .board_style .pager li>span {
    display: inline-block;
    padding:0;
    background:none;
    border:0;
    border-radius:0;
}
.board_style .pager li>a:hover, .board_style .pager li>span:hover {background: none;  color: #FFDF00; }
.board_style .list_header .btn-primary {background:none; border:0; color: #ea4184; padding: 3px 10px 5px; margin-left: 10px; height: inherit;} 
.board_style .list_header .btn-primary:hover {text-decoration: underline}

.board_style .input-sm, .board_style .form-horizontal .form-group-sm .form-control {border-radius: 0 !important;}
.board_style .total {margin:15px 0 0; float: left}
.board_style .search_right {float: right}
.board_style .search_right .clearfix {padding:0} 
.board_style code {
    padding:0;
    font-size:inherit;
    color: #FFDF00;
    background:none;
    border-radius:0;
}
.board_style .list_header .input-group-btn {border: 0; background-color: #999; height: 35px; position:absolute; right: -2px; top:0; color: #fff}
.board_style .list_header .input-group-btn button {color: #fff; background: #222d51; border: 0}
.board_style .input-group-btn:last-child>.btn, .board_style .input-group-btn:last-child>.btn-group {margin: 0;}

.board_style .table>thead>tr>td a.reply , .board_style .table>tbody>tr>td a.reply , .board_style .table>tfoot>tr>td a.reply {color:#FFDF00 }
.board_style .table>tbody>tr.success:hover td {}
.board_style #fwrite select.input-sm {background: #fff url(../images/common/bbs_s_arrow_bk.gif) no-repeat 98% center; line-height: 22px;}

.editor_pop {padding: 20px}
.editor_pop .page-header {padding: 0 0 10px; margin-bottom: 15px; border-bottom: 1px solid #eee; font-size: 12px}
.editor_pop .page-header h4 {font-size: 18px; color: #000}
.editor_pop .page-header h4 small {font-size: 12px; color: #999; font-weight: normal}
.editor_pop .wright_btn_wrap {text-align: center; padding-top: 20px; margin-top: 20px;  border-top: 1px solid #eee;}
.editor_pop .wright_btn_wrap .btn {background-color: #999; color: #fff; border: 0}
.editor_pop .wright_btn_wrap .btn.btn-primary { background-color: #FFDF00; border: 1px solid #FFDF00; color: #000;}
.editor_pop .form-control {width: 90%}
.editor_pop #codeSource, .editor_pop #codeUrl {padding: 10px 0; font-size: 12px; color: #000}

#swfuProgress {
    width: 375px;
    margin: 10px 0;
    padding: 20px 10px;
    border: 1px solid #d9e4ff;
}
#divStatus {font-size: 12px; padding-bottom: 5px}
#buttonWrap {
    float: left;
    width: 150px;
    padding: 2px;
    border: solid 1px #7FAAFF;
    background-color: #C5D9FF;
}
#btnCancel {
    height: 28px;
    margin-left: 5px;
    padding: 4px 10px 7px;
    border: none;
    font-size: 12px;
}
.board_style .search_btn {width: 250px; position: relative}
.board_style .search_btn input {width: 160px; height: 28px !important;}

.board_style .panel-warning>.panel-heading {background: none; border: 0}
.board_style .sub_wrap { min-height: inherit; padding: 0}
.board_style .panel.commemt_box {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding:5px 20px 15px; background-color:#f5f5f5}
.board_style .panel.commemt_box .panel-body {padding: 0}
#comment_box:after {display:block; clear:both; content:""}


/* api */
.api_board {margin: 0 -10px}
.api_list_wrap {display: block; width: 50%; float: left}
.api_board_box {
	padding: 25px; border: 1px solid #ddd; height: 170px; margin: 10px; font-family: 'Oxygen', sans-serif; font-size: 12px;
	transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -ms-transition: all ease-in .1s;
}
.api_board_box:hover {background-color: #fcf8f8}

.api_board_box em {display: inline-block; margin-right: 10px; color:#111; font-weight: 700; text-transform: uppercase; position: absolute; left:-165px; top:0}
.api_board_box li {display: block; margin-bottom: 10px; position: relative; margin-left: 175px}
.no_area {margin:0 10px 20px}
.no_area input {margin-right: 10px; position: relative; top:-5px}
.no_style {font-family: 'Oswald', sans-serif; font-weight: 300; color: #ff2b89; font-size: 26px}

.board_paging {clear: both; text-align: center; padding: 20px 0}
.board_paging a {display: inline-block; padding: 5px; font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #999}
.board_paging strong {color: #e61d6c; font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; padding: 5px}
.board_style .total input {margin-right: 5px}
.s_part {box-sizing: initial !important;}

.case_tbl:after {display:block; clear:both; content:""}
.case_tbl li {display: block; width: 33.3%; float: left}
.case_tbl p {margin: 0}
.case_img h3{
    display:block;
    color: #e61d6c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px;
}
.case_img p {text-align: center; margin: 0}
.case_img p br {display: none}
.case_img p img {max-width: 100%}
.case_img {border: 1px solid #ddd; border-bottom:0; padding: 30px 30px 50px; font-family: 'Oxygen', sans-serif; font-weight: 300;}
.case_tbl .case_box {border: 1px solid #ddd; padding: 30px; margin-left: -1px; min-height: 200px; font-weight: 300;background-color: #fcf8f8;}
.case_tbl .case_box h3 {
    display:block;
    color: #e61d6c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}
.case_tbl .case_box .api_img  {text-align: center; margin-top:20px}
.case_tbl .case_box .api_img img {max-width: 100%}
.case_tbl .case_box p {text-align: center; margin-top: 50px; font-size:24px;}
.case_tbl .case_box p strong {font-weight: 300; color: #111}
.list_btn_wrap {text-align: center}
.list_btn_wrap:after {display: block; clear: both; content: ""}

.write_top_input {padding: 20px 20px 5px; background-color: #f5f5f5; border: 1px solid #ddd}
.write_top_input:after {display:block; clear:both; content:""} 
.api_write .form-horizontal .form-group {width: 50%; float: left; border: 0; position: relative; margin-bottom: 15px}
.api_write .form-horizontal .form-group.full {width: 100%}
.api_write .write_label {
	background: none;
	position: absolute;
    left:10px;
    top: 13px;
    font-size: 14px;
    color: #111;
    
}
.api_write .form-horizontal .in_wrap { padding-left: 170px; padding-right: 20px;}
.api_write .form-control {border: 0; padding: 0; height: 25px}
.api_write  #fwrite .in_tbl_btn {top:auto}
.t_in.bor_none {border: 0; background:none}

@media screen and (max-width:1000px) {
	.case_tbl .case_box {margin: -1px 0 0 -1px}
}
@media screen and (max-width:768px) {
	.api_list_wrap {width: 100%}
	.board_style .total {display: none}
	.board_style .search_right {width: 100%}
	.board_style .search_txt {width: 36% !important; margin: 0 2% 0 0; background: #fff url(../images/common/bbs_s_arrow_bk.gif) no-repeat 90% center;}
	.board_style .search_btn {width: 62% !important; margin: 0}
	/*.board_style .table>thead>tr>th, .board_style .table>tbody>tr>th, .board_style .table>tfoot>tr>th {display: none}*/
	.h1_solo {margin: 0}
	.board_style .btn-group>.btn:first-child, .board_style .btn-group .btn+.btn, .board_style .btn-group .btn+.btn-group, .board_style .btn-group .btn-group+.btn, .board_style .btn-group .btn-group+.btn-group {margin: 5px;}
	.board_style .pager li>a, .board_style .pager li>span {margin: 5px; padding: 10px 0}
	.board_style .clearfix.list_btn_wrap {padding: 0 0 50px}
	.board_style .clearfix.list_btn_wrap .btn-group {margin: auto;width: 100%; text-align: center; display: block}
	.board_style .clearfix.list_btn_wrap .btn-group>.btn {float: inherit}
	.board_style .clearfix.list_btn_wrap .pull-right {padding-top: 20px; width: 100%}
	.board_style .clearfix.list_btn_wrap .pull-right .btn.btn-primary {width: 100%; padding: 15px 0}
	.m_none {display: none}
	.board_style .panel-title small {clear: both; margin-top: 10px; width: 100%}
	.board_style {min-height: inherit}
	.board_style #fwrite {padding:0px}
	.board_style .panel-info>.panel-heading {padding: 12px 10px 13px}
	.board_style .panel-body {padding: 10px;}
	.board_style #write_content {padding:10px}
	.board_style .search_btn .input-group {padding-right:80px}
	.board_style .search_btn input {width:100%}
	.board_style .list_header .input-group-btn {right:0}
	.board_style .sub_wrap {margin:0}
	.board_style .btn-primary {margin:0 !important;}
	.board_style .panel.commemt_box {padding:10px;}
	.board_style .form-horizontal .control-label {width:35%; font-size:12px}
	.board_style .form-horizontal .form-group .col-md-9 {width:65%}
}
@media screen and (max-width:500px) {
	
	.case_tbl li, .case_tbl li.first {width:100%}
	.case_tbl .case_box {padding: 20px 20px 18px; min-height: inherit; margin: -1px 0 0}
	.case_tbl .case_box p {margin-top: 20px; text-align: left; font-size: 16px}
	.case_img h3 {margin-bottom: 20px;font-size: 12px}
	.case_tbl .case_box h3 {font-size: 12px}
	.case_img {padding: 20px 20px 18px;}
	
	.api_board_box {padding: 15px; height: auto; margin: 0 10px 10px}
	.no_style {font-size: 20px}
	.view_container {padding: 30px 0}
	
	.view_header {font-size: 16px}
	.view_header h1 {font-size: 20px}
	.s_view_header {margin-bottom: 20px}
	.board_style #write_content {padding:20px 0}
	.board_style .clearfix.list_btn_wrap {padding: 20px 0}
}